JavaScriptの配列から要素を削除する5つの方法


配列から要素を削除する方法は様々です.を利用しますpop , shift , splice , delete and length 配列から要素を削除するにはすべての5つの方法を簡単に議論しましょう.

pop ()メソッド
このメソッドは配列の末尾から要素を削除します.削除された値を返します.
const countries = ['India', 'US', 'Canada', 'France'];

const removedItem = countries.pop(); 

console.log(countries); // ['India', 'US', 'Canada']

console.log(removedItem); // France

shift ()メソッド
このメソッドは、配列の先頭から要素を削除し、削除した要素を返します.
const phones = ['Nokia', 'Samsung', 'Apple'];

const removedItem = phones.shift(); 

console.log(phones); // ['Samsung', 'Apple']

console.log(removedItem); // Nokia

splice ()メソッド
このメソッドは、配列の指定されたインデックスで要素を削除して追加できます.
  • の最初のパラメータsplice() 要素を追加または削除する配列インデックスを受け取ります.
  • 番目のパラメーターは、指定したインデックスから削除する要素の数をとります.要素を削除しない場合は0になります.
  • 3番目のパラメータは、指定したインデックスに追加する要素を取ります.我々が除去だけであるならば、これは空白として残されることができます.我々は必要に応じて多くの値を追加することができます.
  • const language = ['JavaScript', 'Java', 'SQL', '.NET'];
    
    language.splice(2, 1); 
    
    console.log(language); //['JavaScript', 'Java', '.NET']
    
    また、新しい要素を削除して追加することもできます.
    const language = ['JavaScript', 'Java', 'SQL', '.NET'];
    
    language.splice(2, 2, 'Android', 'Swift'); 
    
    console.log(language); //['JavaScript', 'Java', 'Android', 'Swift']
    
    spliceメソッドは削除された要素の配列を返します.
    const numbers = [20, 40, 60, 80];
    
    console.log(numbers.splice(1, 2)); // [40, 60]
    

    削除キーワード
    The delete キーワードは、オブジェクトのプロパティを削除するために使用されます.配列から任意の要素を削除するために使用できます.The delete キーワードは要素を削除しますが、その場所に未定義値を残します.
    const games = ['Cricket', 'Football', 'Hockey'];
    
    delete games[2]; 
    
    console.log(games); // ['Cricket', 'Football', undefined]
    

    配列長の使用
    配列の末尾からいくつかの指定した数の要素を削除したい場合は、配列のlength 削除する要素の数によって減算された配列の元の長さに対するプロパティ.
    const numbers = [10, 20, 30, 40, 50];
    
    numbers.length = 3; // to remove two elements from end
    
    console.log(numbers); // [10, 20, 30]
    
    配列から要素を削除する5つの異なる方法について議論しました.あなたの要件に基づいてメソッドのいずれかを使用することができます.

    また、
  • 6 ways to add items to an array
  • 6 ways to find items in an Array in JavaScript
  • 20 JavaScript Shorthand Techniques that will save your time
  • あなたに感謝
    ウェブ開発ブログjscurious.com