blocks|key|1152889|text|要获得更灵活的解决方案，请使用splice()函数。它允许您根据索引值删除数组中的任何项：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1152890|var+indexToRemove+=+0;
var+numberToRemove+=+1;

arr.splice(indexToRemove,+numberToRemove);|code-block|syntax|javascript|1152891|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/splice^0|F|8|F|8|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@$9|V|A|W|1|X]]|E|$]]|$1|F|3|G|5|H|7|Y|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|L|$M|$5|N|O|P|E|$Q|R]]]]

<p>For a more flexible solution, use the <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/splice" rel="noreferrer"><code>splice()</code></a> function.  It allows you to remove any item in an Array based on Index Value:</p>
<pre><code>var indexToRemove = 0;
var numberToRemove = 1;

arr.splice(indexToRemove, numberToRemove);
</code></pre>


blocks|key|1368092|text|shift()是适合您的情况的理想选择。shift()从数组中删除第一个元素并返回该元素。此方法更改数组的长度。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1368093|array+=+[1,+2,+3,+4,+5];

array.shift();+//+1

array+//+[2,+3,+4,+5]|code-block|syntax|javascript|1368094|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Array/shift^0|0|7|K|7|0|7|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@$9|X|A|Y|1|Z]]|E|$]]|$1|F|3|G|5|H|7|10|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|L|$M|$5|N|O|P|E|$Q|R]]]]

<p><a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Array/shift" rel="noreferrer"><code>shift()</code></a> is ideal for your situation. <code>shift()</code> removes the first element from an array and returns that element. This method changes the length of the array.</p>

<pre><code>array = [1, 2, 3, 4, 5];

array.shift(); // 1

array // [2, 3, 4, 5]
</code></pre>


blocks|key|1153142|text|Array.prototype.shift方法从数组中移除第一个元素，然后返回它。它会修改原始数组。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1153143|var+a+=+[1,2,3]
//+[1,2,3]
a.shift()
//+1
a
//[2,3]|code-block|syntax|javascript|1153144|entityMap^0|0|L|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

<p>The <code>Array.prototype.shift</code> method removes the first element from an array, and returns it. It modifies the original array.</p>

<pre><code>var a = [1,2,3]
// [1,2,3]
a.shift()
// 1
a
//[2,3]
</code></pre>


blocks|key|1368219|text|arr.slice(begin[,end])|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1368220|是非破坏性的，拼接和shift将修改原始数组|unstyled|1368221|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>arr.slice(begin[,end])
</code></pre>

<p>is non destructive, splice and shift will modify your original array</p>


blocks|key|1368045|text|可能是这样的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1368046|arr=arr.slice(1);|code-block|syntax|javascript|1368047|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Maybe something like this:</p>

<pre><code>arr=arr.slice(1);
</code></pre>


blocks|key|1368164|text|写了一篇关于在Javascript数组中任意位置插入和删除元素的小文章。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1368165|下面是从任意位置删除元素的小代码片段。这扩展了Javascript中的Array类并添加了remove(index)方法。|1368166|//+Remove+element+at+the+given+index
Array.prototype.remove+=+function(index)+{
++++this.splice(index,+1);
}|code-block|syntax|javascript|1368167|因此，要删除示例中的第一项，请调用arr.remove()：|1368168|var+arr+=+[1,2,3,5,6];
arr.remove(0);|1368169|要移除第二项，|1368170|arr.remove(1);|1368171|下面是一个带有数组插入和删除方法的小型article类。|offset|length|1368172|从本质上讲，这与使用splice的其他答案没有什么不同，但名称splice是不直观的，如果您在整个应用程序中都使用该调用，则只会使代码更难阅读。|style|CODE|1368173|entityMap|0|LINK|mutability|MUTABLE|url|http://r0x0r.tumblr.com/post/304905664/javascript-arrays-custom-methods^0|0|0|0|0|0|0|0|J|7|0|0|V|6|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|17|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|18|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|19|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|1A|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|1B|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|1C|8|@]|9|@]|A|$G|H]]|$1|Q|3|R|5|6|7|1D|8|@]|9|@$S|1E|T|1F|1|1G]]|A|$]]|$1|U|3|V|5|6|7|1H|8|@$S|1I|T|1J|W|X]]|9|@]|A|$]]|$1|Y|3|-4|5|6|7|1K|8|@]|9|@]|A|$]]]|Z|$10|$5|11|12|13|A|$14|15]]]]

<p>Wrote a small article about inserting and deleting elements at arbitrary positions in Javascript Arrays.</p>

<p>Here's the small snippet to remove an element from any position. This extends the Array class in Javascript and adds the remove(index) method.</p>

<pre><code>// Remove element at the given index
Array.prototype.remove = function(index) {
    this.splice(index, 1);
}
</code></pre>

<p>So to remove the first item in your example, call arr.remove():</p>

<pre><code>var arr = [1,2,3,5,6];
arr.remove(0);
</code></pre>

<p>To remove the second item,</p>

<pre><code>arr.remove(1);
</code></pre>

<p>Here's a tiny <a href="http://r0x0r.tumblr.com/post/304905664/javascript-arrays-custom-methods" rel="noreferrer">article</a> with insert and delete methods for Array class.</p>

<p>Essentially this is no different than the other answers using splice, but the name <code>splice</code> is non-intuitive, and if you have that call all across your application, it just makes the code harder to read.</p>


blocks|key|1368326|text|您可以将ES6解构赋值功能与rest运算符一起使用。逗号表示要删除元素的位置，rest+(...arr)运算符提供数组的其余元素。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1368327|​|1368328|const+source+=+[1,2,3,5,6];

function+removeFirst(list)+{
+++var++[,+...arr]+=+list;
+++return+arr;
}
const+arr+=+removeFirst(source);
console.log(arr);+//+[2,+3,+5,+6]
console.log(source);+//+[1,+2,+3,+5,+6]|code-block|syntax|javascript|1368329|1368330|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>You can use the ES6 Destructuring Assignment feature with a rest operator. A comma indicates where you want to remove the element and the rest (...arr) operator to give you the remaining elements of the array.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="true">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const source = [1,2,3,5,6];

function removeFirst(list) {
   var  [, ...arr] = list;
   return arr;
}
const arr = removeFirst(source);
console.log(arr); // [2, 3, 5, 6]
console.log(source); // [1, 2, 3, 5, 6]</code></pre>
</div>
</div>
</p>


blocks|key|1153300|text|不改变原始数组的Typescript解决方案|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1153301|function+removeElementAtIndex<T>(input:+T[],+index:+number)+{
++return+input.slice(0,+index).concat(input.slice(index+%2B+1));
}|code-block|syntax|javascript|1153302|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Typescript solution that does not mutate original array</p>

<pre><code>function removeElementAtIndex&lt;T&gt;(input: T[], index: number) {
  return input.slice(0, index).concat(input.slice(index + 1));
}
</code></pre>


blocks|key|1368295|text|Array.splice()有一个有趣的属性，那就是不能用它来删除第一个元素。因此，我们需要借助|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1368296|function+removeAnElement(+array,+index+)+{
++++index--;

++++if+(+index+===+-1+)+{
++++++++return+array.shift();
++++}+else+{
++++++++return+array.splice(+index,+1+);
++++}
}|code-block|syntax|javascript|1368297|entityMap^0|0|E|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

<p><code>Array.splice()</code> has the interesting property that one cannot use it to remove the first element. So, we need to resort to</p>

<pre><code>function removeAnElement( array, index ) {
    index--;

    if ( index === -1 ) {
        return array.shift();
    } else {
        return array.splice( index, 1 );
    }
}
</code></pre>


blocks|key|1153260|text|您也可以使用reduce执行此操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1153261|let+arr+=+[1,+2,+3]

arr.reduce((xs,+x,+index)+=>+{
++++++++if+(index+==+0)+{
++++++++++++return+xs
++++++++}+else+{
++++++++++++return+xs.concat(x)
++++++++}
++++},+Array())

//+Or+if+you+like+a+oneliner
arr.reduce((xs,+x,+index)+=>+index+==+0+?+xs+:+xs.concat(x),+Array())|code-block|syntax|javascript|1153262|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>You can also do this with reduce: </p>

<pre><code>let arr = [1, 2, 3]

arr.reduce((xs, x, index) =&gt; {
        if (index == 0) {
            return xs
        } else {
            return xs.concat(x)
        }
    }, Array())

// Or if you like a oneliner
arr.reduce((xs, x, index) =&gt; index == 0 ? xs : xs.concat(x), Array())
</code></pre>


<pre><code>var arr = [1,2,3,5,6];
</code></pre>

<h1>Remove the first element</h1>

<p>I want to remove the first element of the array so that it becomes:</p>

<pre><code>var arr = [2,3,5,6];
</code></pre>

<h1>Remove the second element</h1>

<p>To extend this question, what if I want to remove the second element of the array so that it becomes:</p>

<pre><code>var arr = [1,3,5,6];
</code></pre>


How to remove element from an array in JavaScript?

var arr = [1,2,3,5,6];删除第一个元素我想删除数组的第一个元素，这样它就变成了：var arr = [2,3,5,6];删除第二个元素为了扩展这个问题，如果我想删除数组的第二个元素，使其变为：var arr = [1,3,5,6];

问如何在JavaScript中移除数组中的元素？
EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在JavaScript中移除数组中的元素？EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在JavaScript中移除数组中的元素？
EN