【ワンピースで覚えるJavaScript】第１６回 配列 (プログラミング入門講座)

今回はJavaScriptの配列処理についてです。

配列は、とにかく使いますよね。便利なメソッドがたくさんあるので、

覚えていきましょう！

/* 配列(array)
  ①追加・削除
  ②配列に配列を連結
  ③配列の要素位置を検索
  ④配列を検索
  ⑤配列の要素を結合
  ⑥配列の一部を抜き出す
  ⑦配列の内容を置き換える
  ⑧特定の値で統一する
*/
console.log("--初期化--");
let four_emperors = ["白ひげ", "シャンクス", "カイドウ", "ビッグマム"];
console.log(four_emperors);
//shift 先頭を取得・削除
console.log("--shift実行--");
console.log(four_emperors.shift());
console.log(four_emperors);
//unshift 先頭に追加
console.log("--unshift実行--");
four_emperors.unshift("黒ひげ")
console.log(four_emperors);
//pop 末尾を取得・削除
console.log("--pop実行--");
console.log(four_emperors.pop());
console.log(four_emperors);
console.log("--pop実行--");
console.log(four_emperors.pop());
console.log(four_emperors);
console.log("--push実行--");
four_emperors.push("ルフィ");
console.log(four_emperors);
console.log("--push実行--");
four_emperors.push("バギー");
console.log(four_emperors);

//②配列に配列を連結 concat
console.log("--初期化--");
four_emperors = ["黒ひげ", "シャンクス"];
console.log(four_emperors);
new_member = ["ルフィ", "バギー"]
console.log("--concat実行--");
let new_four_emperors = four_emperors.concat(new_member);
console.log(new_four_emperors);

//③配列の要素位置を検索 indexOf/lastIndexOf
console.log("--indexOf--");
console.log(new_four_emperors.indexOf("ルフィ"));
console.log("--lastIndexOf--");
console.log(new_four_emperors.lastIndexOf("ルフィ"));
console.log("--ない場合--");
console.log(new_four_emperors.lastIndexOf("ウソップ"));

//④配列を検索 includes
console.log("--includes--");
console.log(new_four_emperors.includes("ルフィ"));
console.log("--ない場合--");
console.log(new_four_emperors.includes("ウソップ"));

//⑤配列の要素を結合 join
console.log("--join--");
console.log(new_four_emperors.join("と"));

//⑥配列の一部を抜き出す slice(start [,end])
// start ~ end-1 を抜き出す　end がない場合は末尾まで
console.log("--slice(1)--");
console.log(new_four_emperors.slice(1));
console.log("--slice(1, 3)--");
console.log(new_four_emperors.slice(1, 3));

//⑦配列の内容を置き換える splice(index, many, elememt)
//                       index番目からmany個だけ、elementに置き換える
console.log("--初期化--");
four_emperors = ["黒ひげ", "シャンクス", "カイドウ", "ビッグマム"];
console.log(four_emperors);
console.log("--splice実行--");
four_emperors.splice(2, 2, "ルフィ", "バギー")
console.log(four_emperors);

//⑧特定の値で統一する fill(value [,start [,end]])
// valueに置き換える start から end-1 まで
console.log("--初期化--");
four_emperors = ["黒ひげ", "シャンクス", "カイドウ", "ビッグマム"];
console.log(four_emperors);
console.log("--fill実行--");
four_emperors.fill("-", 2, 4);
console.log(four_emperors);