Arrayに使用できる有用な関数「接合」

5801 ワード
JavaScript テキストリンク

Array.prototype.splice()


定義
  • mdn
    • "The splice() method changes the contents of an array by removing or replacing existing elements and/or adding new elements in place"
    =>splice()は、配列の内容を置換する方法であり、配列内の既存の要素を削除したり、新しい要素に置換したりすることで配列の内容を置換します.
    いつ使えばいいですか.
  • 配列の特定のインデックスから、任意の数の要素(配列内の特定の要素を削除)を削除したい場合は、
    • .
  • 配列の特定のインデックスの後ろにあるすべての要素を削除する場合は、
  • アレイ内の特定の要素を除去し、新しい要素に置き換える場合、
    • .

    Syntax

    splice(start) //(시작인덱스)
splice(start, deleteCount) //(시작인덱스,제거할 갯수)
splice(start, deleteCount, item1) //(시작인덱스,제거할 갯수,그뒤 추가할 요소)
splice(start, deleteCount, item1, item2, itemN) //(시작인덱스,제거할 갯수,그뒤 추가할 요소...)
  • start
    配列内で変更する要素のインデックス
  • deleteCount (optional)
    開始点から削除する数
  • item1, item2, ... (optional)
    始点から配列に追加された要素.

    • 📌はい。

    let shoppingList = ['📗','🥕','⚽','👠','⌚'];

//Q.쇼핑리스트에서 당근을 제거하고 싶다면?
const carrotIdx = shoppingList.indexOf('🥕');
shoppingList.splice(carrotIdx,1);
console.log(shoppingList);//output : ['📗', '⚽', '👠', '⌚']


//Q.쇼핑리스트에서 구두와 시계를 제거하고 농구공과 야구공을 추가하고 싶다면?
const shoesIdx = shoppingList.indexOf('👠');
shoppingList.splice(shoesIdx,2,'🏀','⚾');
console.log(shoppingList);//output: ['📗', '⚽', '🏀', '⚾']

//Q.축구공 포함 그 뒤 담긴 아이템을 모두 제거하고 싶다면?
const soccerballIdx = shoppingList.indexOf('⚽');
shoppingList.splice(soccerballIdx);
console.log(shoppingList); //output: ['📗']
    リファレンス
    https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/splice
    coco 2 dxでリメイク効果を実現
    匿名の構築方法とShutDownHook