文字列を介して配列要素にアクセスする簡単な方法はありますか？オブジェクトで

Question

、私はそうのような角括弧の中にキーをラップすることができます。

// A.js 

const category = 'foo' 

return { [category] : 'bar' } // { foo: 'bar' } 

は、配列の要素と同じことを行う簡単な方法はありますか？

// B.js 

const category = 'foo' 
const items.foo = [1, 2, 3] 
const item = 4 

return { items: [...items.category, item] } // throws an error 

ように私が取得できるようにしたい{アイテムを[1、2、3、4]}

B.jsに方法はありますか？

Answer 1

をproperty accessorsあります。

あなたは、ドット表記を使用する場合は、プロパティが実際のプロパティ名でなければなりません。第三の例では

words=new Object; 
 
    words.greeting='hello'; 
 
    console.log(words.greeting);  //hello 
 
    console.log(words['greeting']); //hello 
 
    console.log(words[greeting]); //error

、greetingはない文字列リテラルとして、変数として扱われます、greetingが変数として定義されていないため、JavaScriptインタプリタはエラーをスローします。

我々は変数としてgreetingを定義する場合：

var greeting = 'greeting'; 

を第三の例は動作します：

words=new Object; 
 
    words.greeting='hello'; 
 
    var greeting='greeting'; 
 
    console.log(words[greeting]);

ですから、プロパティアクセサとして角括弧を使用する必要があります。

[...items[category],item] 

Answer 2

あなたは同じ構文を使用することができます：ドット表記と角括弧の両方

const category = 'foo' 
 
const items = {foo: [1, 2, 3]} 
 
const item = 4 
 
    
 
console.log({ items: [...items[category], item] })

Answer 3

あなたが別の変数を使用してfooプロパティにアクセスしたい場合はそのように、あなただけの、角括弧表記を使用することができます[...項目[カテゴリ]、アイテム：

const category = 'foo' 
const items = { 
    foo: [1, 2, 3] 
} 

const item = 4 

console.log({ items: [...items[category], item] });