データ構造パート2へのイントロ


イントロ
最後のブログでは、どのように配列を保存してアクセスするかを調べました.また、配列の先頭と末尾から項目を追加したり削除したりする簡単なテクニックも学びました.この記事では、いくつかのより高度な配列操作技術を見ていきます
splice ()を使用した項目の削除
以前は、' pop () 'で配列の末尾から' shift () 'で配列の先頭からアイテムを削除する方法を学びました.しかし、配列の先頭と末尾の間の項目を削除したい場合はどうなりますか?または1つだけの要素を一度に削除する場合はどうですか?これは' splice () 'を使用し、配列内の任意の要素を削除します.
spliceは最大3つのパラメータを取ることができますが、この除去レッスンの2つのパラメータに焦点を当てます.二つのパラメータを持つsplice ()の構文は以下の通りです:
array.splice(index, howmany)

// index is where you want to start the splice
// howmany is how many item you want to remove
例では、splice() 配列から果実を取り除くには、次の手順に従います.
let myArray = ["Banana", "Orange", "Apple", "Mango", "Kiwi"];


let newArray = myArray.splice(2,1)

console.log(newArray) // [ 'Apple' ]
console.log(myArray) // [ 'Banana', 'Orange', 'Mango', 'Kiwi' ]
上記の例からわかるようにsplice() 削除された項目を持つ新しい配列を作成するためにも使用できます.
splice ()を使用した項目の追加
前回のレッスンでは、2つのパラメータを使用して項目を削除しました.3番目のパラメータを使用して項目を追加することができますsplice() . 以下は、項目を追加するための構文です.
array.splice(index, howmanytoremove, items to add)
配列から項目を削除し、その場所にいくつかの項目を追加する例を示します.
let myArray = ["Banana", "Orange", "Apple", "Mango", "Kiwi"];

myArray.splice(2,1,"Blackberries","Strawberries")

console.log(myArray) // [ 'Banana', 'Orange', 'Blackberries', 'Strawberries', 'Mango', 'Kiwi' ]
slice ()を使用して配列をコピーする
使用する前のレッスンでsplice() オリジナルの配列を変更します.使用slice() オリジナルの配列をそのまま残した配列をコピーできます.slice() つ目のパラメータは1つだけです.最初は抽出が開始されるインデックスで、2番目は抽出を停止するインデックスです.覚えている1つの重要なことは、その2番目の数の抽出は、その要素を含めないが発生します.例を見てみましょう.
let myArray = ["Banana", "Orange", "Apple", "Mango", "Kiwi"];
let myNewFruit = myArray.slice(1,3)

console.log(myNewFruit) // [ 'Orange', 'Apple' ]

console.log(myArray) // [ 'Banana', 'Orange', 'Apple', 'Mango', 'Kiwi' ]
上記の例では、オリジナルを変更せずに新しい配列を作成しました.
結論
ここで、配列の任意の部分に項目を削除して追加する方法を知っています.次のレッスンでは、いくつかの配列操作技術を見ていきます.