JavaScript配列

9926 ワード

01アレイの作成方法


直接宣言

<script>

	let testArray = [ 1, 2, 3, 4, 5 ];
    
</script>

newの声明で

<script>

	let testArray2 = new Array(5);
    
</script>

リファレンス


配列された内容物は多種多様に置くことができる.(数字、文字、配列など)
<script>

	let testArray3 = [ 1, '2', [ 3, 4, 5 ], 4, 5 ];
    
</script>

02アレイの出力方法


文脈

<script>

for( let i = 0; i < testArray.length; i++ ){
  	testArray[i];
}
    
</script>

forEach

<script>

testArray.forEach( function (number, index, arr) { 
  console.log("number : " + number + ", index : " + index + ", arr : " + arr)
  console.log()
})
    
</script>

リファレンス


(1)for文:特定の条件を満たすiを出力する場合に便利
(2)forEach文:ファイル全体を特定の条件なしで出力する場合に便利

03よく使われる配列方法


push


アレイの最後の場所に入力値を追加
<script>
	testArray.push(30);
</script>

pop


配列の最後の位置の要素を削除
<script>
	testArray.pop();
</script>

unshift


アレイの最初の場所に入力値を追加
<script>
	testArray.unshift(300);
</script>

shift


配列の最後の位置の要素を削除
<script>
	testArray.shift();
</script>

リファレンス


unshift()とshifr()は配列全体を移動するのでpush()またはpop()より遅い.
なるべく使わないことをお勧めします.

map


パラメータとして受信した関数を実行し、新しいアレイ(ARRYMultiple)に保存します.
<script>
	let arryMultiple = testArray.map( x => x * 2);
</script>