JavaScript での配列要素の削除 - 削除とスプライス

Question

を使用するのとの違いは何ですか の delete オペレーター を使用するのではなく、配列要素上で の Array.splice 方法?

例えば：

myArray = ['a', 'b', 'c', 'd'];

delete myArray[1];
//  or
myArray.splice (1, 1);

オブジェクトと同じように配列要素を削除できるのに、なぜ splice メソッドがあるのでしょうか?

Answer 1

deleteは、オブジェクトプロパティを削除しますが、配列のインデックスを再作成またはその長さを更新しないであろう。これは、それが定義されていないかのように表示されます：

> myArray = ['a', 'b', 'c', 'd']
  ["a", "b", "c", "d"]
> delete myArray[0]
  true
> myArray[0]
  undefined

プロパティは、それが の未定義見せること、配列から削除され、むしろ

、それは実際には値undefinedに設定されていないことに注意してください。クロームのdevのツールは、配列をログイン時にemptyを印刷することにより、この区別を明確ます。

> myArray[0]
  undefined
> myArray
  [empty, "b", "c", "d"]

myArray.splice(start, deleteCount) の実際の要素を取り除き、再度インデックスを付けアレイを、その長さを変更します。

> myArray = ['a', 'b', 'c', 'd']
  ["a", "b", "c", "d"]
> myArray.splice(0, 2)
  ["a", "b"]
> myArray
  ["c", "d"]

Answer 2

Array.remove() メソッド

ジョン・レシグ, jQuery の作成者が非常に便利なツールを作成しました。 Array.remove 私がプロジェクトで常に使用している方法です。

// Array Remove - By John Resig (MIT Licensed)
Array.prototype.remove = function(from, to) {
  var rest = this.slice((to || from) + 1 || this.length);
  this.length = from < 0 ? this.length + from : from;
  return this.push.apply(this, rest);
};

以下にその使用例をいくつか示します。

// Remove the second item from the array
array.remove(1);
// Remove the second-to-last item from the array
array.remove(-2);
// Remove the second and third items from the array
array.remove(1,2);
// Remove the last and second-to-last items from the array
array.remove(-2,-1);

ジョンのウェブサイト

Answer 3

削除のみ配列の要素からオブジェクトを削除するので、

、配列の長さは変化しません。スプライスは、オブジェクトを除去し、アレイを短くする。

次のコードは "A"、 "B" と表示され、 "未定義"、 "D"

myArray = ['a', 'b', 'c', 'd']; delete myArray[2];

for (var count = 0; count < myArray.length; count++) {
    alert(myArray[count]);
}

これは "A"、 "B"、 "D" と表示されます一方

myArray = ['a', 'b', 'c', 'd']; myArray.splice(2,1);

for (var count = 0; count < myArray.length; count++) {
    alert(myArray[count]);
}

Answer 4

配列から要素のすべての発生を削除する方法を理解しようとしているときに

私はこの質問につまずきました。 ここspliceアレイからすべてのdeleteを除去するため'c'とitemsの比較のだ。

var items = ['a', 'b', 'c', 'd', 'a', 'b', 'c', 'd'];

while (items.indexOf('c') !== -1) {
  items.splice(items.indexOf('c'), 1);
}

console.log(items); // ["a", "b", "d", "a", "b", "d"]

items = ['a', 'b', 'c', 'd', 'a', 'b', 'c', 'd'];

while (items.indexOf('c') !== -1) {
  delete items[items.indexOf('c')];
}

console.log(items); // ["a", "b", undefined, "d", "a", "b", undefined, "d"]
​

Answer 5

コアJavaScript 1.5リファレンスから>演算子>特殊演算子> <演算子を削除/>

  

あなたは、配列の要素を削除すると、   配列の長さは影響を受けません。ために   あなたが削除した場合の例では、[3]、[4]であります   まだ[4]及び[3]は未定義です。この   あなたが最後を削除しても保持しています   配列の要素（削除   [a.length-1]）。

Answer 6

spliceが数字のインデックスで動作します。

deleteがインデックスの他の種類に対して使用することができるのに対し、..

例：

delete myArray['text1'];

Answer 7

これは、スプライス配列のみで動作することも、おそらく言及する価値があります。 （オブジェクトのプロパティは、一貫した順序に従うことに依拠することはできません。）

あなたが望むものを実際に削除し、オブジェクトからキーと値のペアを削除するには：

delete myObj.propName;     // , or:
delete myObj["propName"];  // Equivalent.

Answer 8

上記を何度も述べたように、

、splice()を使用すると、ぴったりのように思えます。 の P>

  

の splice() の方法は、既存の要素を除去し、および/または新たな要素を追加することによって、配列の内容を変更します。

var myFish = ['angel', 'clown', 'mandarin', 'sturgeon'];

myFish.splice(2, 0, 'drum'); 
// myFish is ["angel", "clown", "drum", "mandarin", "sturgeon"]

myFish.splice(2, 1); 
// myFish is ["angel", "clown", "mandarin", "sturgeon"]

     

構文

     

array.splice(start)
array.splice(start, deleteCount)
array.splice(start, deleteCount, item1, item2, ...)

  

     

パラメータ

     

スタート

     

のインデックスは、配列を変更することを開始します。配列の長さよりも大きい場合には、実際の開始インデックスは、配列の長さに設定されます。負の場合は、端からその多くの要素を開始します。

     

deleteCount

     

除去するために古い配列要素の数を示す整数。 deleteCountが0の場合、要素は削除されません。このケースでは、少なくとも1つの新しい要素を指定する必要があります。 deleteCountスタートから始まる配列に残っ要素の数よりも大きい場合、エレメントのすべての配列の終わりまでは削除されます。

     

deleteCountが省略された場合、deleteCountは(arr.length - start).に等しくなる

     

ITEM1、ITEM2、...

     

要素は、開始インデックスから始まり、アレイに追加します。あなたが任意の要素を指定しない場合、splice()は、配列から要素を削除します。

     

戻り値

     

削除された要素を含む配列。一つだけの要素が削除された場合は、一つの要素の配列が返されます。何要素が除去されていない場合、空の配列が返されます。

     

[...]

Answer 9

削除とスプライスの比較

配列から項目を削除するとき

var arr = [1,2,3,4]; delete arr[2]; //result [1, 2, 3:, 4]
console.log(arr)

継ぎ合わせるとき

var arr = [1,2,3,4]; arr.splice(1,1); //result [1, 3, 4]
console.log(arr);

の場合には 消去 の 要素が削除される しかし インデックスは空のままです

一方、次の場合には スプライス 要素が削除され、 残りの要素のインデックスはそれに応じて減少します

Answer 10

の の削除非現実の世界の状況のように機能し、それだけで<全角> の項目を削除しますが、配列の長さは同じまま：

ノード端末から例：

> var arr = ["a","b","c","d"];
> delete arr[2]
true
> arr
[ 'a', 'b', , 'd', 'e' ]

ここでは、インデックスによって配列の項目を削除する機能があり、をスライス（）のを使用して、それが最初の引数としてARRを取り、メンバのインデックスは、あなたはとして削除します第二引数。あなたが見ることができるように、それは実際には配列のメンバーを削除し、1配列の長さを短縮します。

function(arr,arrIndex){
    return arr.slice(0,arrIndex).concat(arr.slice(arrIndex + 1));
}

この関数は上記のインデックスまでのすべてのメンバーを取るし、すべてのメンバーのインデックスの後、それらを一緒に連結し、その結果を返しますどういうます。

ここノードモジュールとして上記の関数を用いた例であり、端末を見ることは有用であろう：

> var arr = ["a","b","c","d"]
> arr
[ 'a', 'b', 'c', 'd' ]
> arr.length
4 
> var arrayRemoveIndex = require("./lib/array_remove_index");
> var newArray = arrayRemoveIndex(arr,arr.indexOf('c'))
> newArray
[ 'a', 'b', 'd' ] // c ya later
> newArray.length
3

これは単に最初のoccuranceを取得しますのindexOf（「C」）ので、その中にdupesと1つの配列を働く、とだけ出てスプライスし、最初の「c」を削除しないことに注意してください、それが見つかっています。

Answer 11

あなたが大規模な配列を反復し、選択の要素を削除したい場合は、スプライス（）は毎回、後続の要素をインデックスし直す必要があるため、

、すべての削除のためのスプライス（）を呼び出すために高価です。配列はJavaScriptで連想されるので、再インデックス配列その後、個々の要素を削除する方が効率的でしょう。

あなたは新しい配列を構築することにより、それを行うことができます。例えば

function reindexArray( array )
{
       var result = [];
        for( var key in array )
                result.push( array[key] );
        return result;
};

しかし、私はあなたがより効率的になり、元の配列でキーの値を変更することができるとは思わない - あなたは新しい配列を作成する必要がありますように見えます。

。

あなたは、彼らが実際には存在しないとループのためにそれらを返さないよう「未定義」のエントリをチェックする必要はないことに注意してください。それは未定義として表示し、配列印刷のアーティファクトです。彼らは、メモリに存在することが表示されません。

あなたが速くなりスライス（）のようなものを使用することができますが、それは再インデックスしない場合は、

それはいいだろう。誰もがより良い方法を知っている？

<時間> おそらく、より効率的である次のように

実際には、あなたは場所でそれを行うことができ、おそらく、性能面ます：

reindexArray : function( array )
{
    var index = 0;                          // The index where the element should be
    for( var key in array )                 // Iterate the array
    {
        if( parseInt( key ) !== index )     // If the element is out of sequence
        {
            array[index] = array[key];      // Move it to the correct, earlier position in the array
            ++index;                        // Update the index
        }
    }

    array.splice( index );  // Remove any remaining elements (These will be duplicates of earlier items)
},

Answer 12

あなたはこのようなものを使用することができます。

var my_array = [1,2,3,4,5,6];
delete my_array[4];
console.log(my_array.filter(function(a){return typeof a !== 'undefined';})); // [1,2,3,4,6]

Answer 13

なぜだけではなく、フィルタリング？私はそれがJSで配列を検討するための最も明確な方法だと思います。

myArray = myArray.filter(function(item){
    return item.anProperty != whoShouldBeDeleted
});

Answer 14

function remove_array_value(array, value) {
    var index = array.indexOf(value);
    if (index >= 0) {
        array.splice(index, 1);
        reindex_array(array);
    }
}
function reindex_array(array) {
   var result = [];
    for (var key in array) {
        result.push(array[key]);
    }
    return result;
}

例：

var example_arr = ['apple', 'banana', 'lemon'];   // length = 3
remove_array_value(example_arr, 'banana');

バナナが削除され、配列の長さ= 2

Answer 15

彼らは、異なる目的を持っている別のものです。

spliceは配列特異的であり、削除するために使用される場合、配列からエントリを削除とはギャップを埋めるまでのすべての以前のエントリを移動させます。 （また、同時にエントリ、またはその両方を挿入するために使用することができる。）splice配列のlengthを変更します（これはノー・オペレーションの呼び出しではないと仮定：theArray.splice(x, 0)）。

deleteは配列特異的ではありません。それは、オブジェクト上で使用するために設計されています：それはあなたがそれを使用したオブジェクトからプロパティ（キー/値ペア）を削除します。それは、配列のみに適用されるため、標準的な（例えば、非は、入力された）JavaScriptで配列<のhref =「http://blog.niftysnippets.org/2011/01/myth-of-arrays.html」のrel =「nofollowをnoreferrer」 >本当にすべての*で、彼らは、このような名前が<のhref = "HTTPある「配列インデックスを」（あるものと、特定のプロパティのための特別な処理を持つオブジェクトをしている配列されていません。//www.ecma -international.org/ecma-262/7.0/index.html#sec-object-type「のrel = 『nofollowをnoreferrer』>文字列名としてこの定義された」...その数値i範囲+0 ≤ i < 2^32-1です」 ）とlength。あなたは、配列のエントリを削除するにはdeleteを使用する場合、それがないすべてのエントリを削除しています。それは、ギャップを埋めるためにそれを以下の他のエントリを移動せず、その配列は、「スパース」になり（完全に欠落しているいくつかのエントリがあります）。それはlengthには影響を与えません。

この質問への現在の回答のカップルが間違ってdeleteを使用すると、「undefinedにエントリを設定します」と述べています。それは正しくありません。それははギャップを残し、完全にのエントリ（プロパティ）を削除します。

のは、違いを説明するためにいくつかのコードを使用してみましょう。

console.log("Using `splice`:");
var a = ["a", "b", "c", "d", "e"];
console.log(a.length);            // 5
a.splice(0, 1);
console.log(a.length);            // 4
console.log(a[0]);                // "b"

console.log("Using `delete`");
var a = ["a", "b", "c", "d", "e"];
console.log(a.length);            // 5
delete a[0];
console.log(a.length);            // still 5
console.log(a[0]);                // undefined
console.log("0" in a);            // false
console.log(a.hasOwnProperty(0)); // false