[中間]データ-配列(1)

1.データ-配列(1)

1)索引

ゼロから始まる配列データのデータの位置を示す数値.
インデックス(indexing):number[1]やfruild[2]などの配列データの要素にアクセスするためにカッコ内に数値をマークします.
要素(element)、プロジェクト(item):配列データの値

const numbers = [1, 2, 3, 4] const fruits = ['Apple', 'Banana', 'Cherry'] console.log(numbers[1])/値:2 console.log（果物[2]）//値：Cherry

2) length

配列データのプロパティは、配列アイテムの個数を返します.

const numbers = [1, 2, 3, 4] const fruits = ['Apple', 'Banana', 'Cherry'] console.log(numbers.length)/値:4 console.log/値:3 console.log([1,2].length)/値:2 console.log([].length)/値:0

3) concat()

2つの配列データを結合して新しい配列を返します
concat()を使用しても元のデータには影響しません!

const numbers = [1, 2, 3, 4] const fruits = ['Apple', 'Banana', 'Cherry'] console.log(numbers.concat(fruits)) //値:[1,2,3,4,『Apple』,『Banna』,『Cherry』]

4) forEach()

配列項目の個数を引数とするコールバック関数を順番に繰り返し実行

const numbers = [1, 2, 3, 4] const fruits = ['Apple', 'Banana', 'Cherry'] frutis.forEach(function (element, index, array) { console.log(element, index, array) }) //値：Apple 0(3)[「Apple」、「Banna」、「Cherry」] //値：Banana 1(3)['Apple','Banana','Cherry'] //値：Cherry 2(3)[Apple、Banna、Cherry]

5) map()

指定した関数を呼び出した結果をアレイ内の各要素に集約して、新しいアレイに戻ります.
すなわち,引数としてのコールバック関数で返されるデータを用いて新しい配列を返す.

const numbers = [1, 2, 3, 4] const fruits = ['Apple', 'Banana', 'Cherry'] const a = frutis.forEach(function (fruit, index) { console.log(`${fruit}-${index}`) }) //値：Apple-0 //値：Banana-1 //値：Cherry-2 console.log(a) //値：undefined、戻り値がないのでundefined出力 const b = frutis.map((fruit, index) => { return `${fruit}-${index}` }) console.log(b) //値:(3)['Apple-0','Banna-1','Cherry-2'] const c = frutis.map((fruit, index) => ({ id: index, name: fruit })) console.log(c) //値：id：0 name：「Apple」、id：1 name：「Banna」、id：2 name：「Cherry」 //map()を使用して果物という配列データを対象データとする //重要なのは、プロジェクトを新しく作成して使用できる一般的な方法です。