🦍

Javascript メモ(配列)

2023/07/07に公開

for文

以下の結果は同じ。

const array = ['1', '2', '3'];

for (const num of array) {
	console.log(num);
}
const array = ['1', '2', '3'];

for (let i = 0; i < array.length; i++) {
  const num = array[i];
  console.log(num);
}

.push()

配列の最後に要素を追加する。

const ary = ['犬', 'ハムスター', '亀'];

ary.push('猫');

console.log(ary);// ['犬', 'ハムスター', '亀', '猫']

.slice()

配列の一部を切り取り新しい配列を作る。

const ary = [
  '赤',// 0
  '青',// 1
  '緑',// 2
  '黄',// 3
  '紫',// 4
  '紺'// 5
];

const newAry = ary.slice(2, 5);
// 2:緑, 3:黄, 4:紫がコピーされる。5:紺は含まれない。

console.log(newAry);// ['緑', '黄', '紫']

引数を省略すると、そこから最後までという意味になる。

const ary = [
  '赤',// 0
  '青',// 1
  '緑',// 2
  '黄',// 3
  '紫',// 4
  '紺'// 5
];

const newAry = ary.slice(2);

console.log(newAry);// ['緑', '黄', '紫', '紺']

.slice()に引数がない場合は内容がコピーされる。

const ary = [
  '赤',// 0
  '青',// 1
  '緑',// 2
  '黄',// 3
  '紫',// 4
  '紺'// 5
];

const newAry = ary.slice();

console.log(newAry);// ['赤', '青', '緑', '黄', '紫', '紺']

console.log(ary === newAry);// false(あくまで別の配列)

.concat()

配列を連結させる。
もとの配列cat,dogには影響しない。

const cat = ['タマ', 'ミケ', 'ミー'];
const dog = ['ポチ','ハチ','マル'];

const love = cat.concat(dog);

console.log(love);// ['タマ', 'ミケ', 'ミー', 'ポチ', 'ハチ', 'マル']

引用元

とても分かりやすい。

https://www.youtube.com/watch?v=aQYTmrZFkaE

Discussion