[AVASCRIPT]配列での要素の追加と削除–SPLICE()


splice()


アレイ内の要素を削除、置換するか、新しい要素を追加して既存のアレイを変更します.変更された配置を返します.
#構文array.splice(start[, deleteCount[, item1[, item2[, ...]]]])

アレイ内の要素の削除

const totalUsers = users.splice(1,1); //1번 인덱스 요소부터 1개 삭제
console.log(totalUsers); // [ 'Cecilia' ] => 삭제된 요소 반환
console.log(users); // [ 'Charles', 'Den' ] => 변경된 배열 반환

配列の中央に要素を追加

const totalUsers = users.splice(1,0, 'Microft'); //1번 인덱스 자리에 'Microft' 추가
console.log(totalUsers); // [] => 빈배열 반환, 삭제된 요소 없음
console.log(users); // [ 'Charles', 'Microft', 'Cecilia', 'Den' ] => 변경된 배열 반환

アレイの中央に1つ以上の要素を追加

const totalUsers = users.splice(1,0, 'Microft','Merry'); //1번 인덱스부터 2개 요소 삭제
console.log(totalUsers); // [] => 빈배열 반환, 삭제된 요소 없음
console.log(users); // [ 'Charles', 'Microft', 'Merry', 'Cecilia', 'Den' ] => 1번 인덱스부터 'Microft','Merry' 추가됨.

アレイの中間要素を削除して新しい要素を追加

const totalUsers = users.splice(1,2, 'Microft'); //1번 인덱스부터 2개 요소 삭제
console.log(totalUsers); // [ 'Cecilia', 'Den' ] => 1,2인덱스 요소 삭제되어 반환
console.log(users); // [ 'Charles', 'Microft' ] => 1번인덱스 자리에 'Microft' 추가됨

slice()とsplice()の簡単な比較


slice()とsplice()に似ています(?)ちょっと混同して、簡単に比較してみます.splice(start, deleteCount, addItem)
  • startからdeleteCount個の削除を開始します.
  • addItemを追加します.
  • ソースアレイを変更して戻ります.
  • slice(start, end)
  • から切り終わりまで.
  • ソースアレイを浅いコピーし、新しいアレイに戻します.