blocks|key|363061|text|与在JavaScript中使用的方法相同。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|363062|delete+myArray[key];|code-block|syntax|javascript|363063|请注意，这会将元素设置为undefined。|offset|length|style|CODE|363064|最好使用Array.prototype.splice函数：|363065|const+index+=+myArray.indexOf(key,+0);
if+(index+>+-1)+{
+++myArray.splice(index,+1);
}|363066|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/splice^0|0|0|C|9|0|4|M|4|M|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|10|8|@$I|11|J|12|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|13|8|@$I|14|J|15|K|L]]|9|@$I|16|J|17|1|18]]|A|$]]|$1|O|3|P|5|D|7|19|8|@]|9|@]|A|$E|F]]|$1|Q|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]]]

Same way as you would in JavaScript. 

<pre><code>delete myArray[key];
</code></pre>

Note that this sets the element to <code>undefined</code>.

Better to use the <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/splice" rel="noreferrer"><code>Array.prototype.splice</code></a> function:

<pre><code>const index = myArray.indexOf(key, 0);
if (index &gt; -1) {
 myArray.splice(index, 1);
}
</code></pre>

blocks|key|144914|text|如果数组是对象类型，那么最简单的方法是|type|unstyled|depth|inlineStyleRanges|entityRanges|data|144915|let+foo_object+//+Item+to+remove
this.foo_objects+=+this.foo_objects.filter(obj+=>+obj+!==+foo_object);|code-block|syntax|javascript|144916|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|$]]

If array is type of objects, then the simplest way is

<pre><code>let foo_object // Item to remove
this.foo_objects = this.foo_objects.filter(obj =&gt; obj !== foo_object);
</code></pre>

blocks|key|144934|text|对于ES6，您可以使用以下代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|144935|removeDocument(doc){
+++this.documents.forEach(+(item,+index)+=>+{
+++++if(item+===+doc)+this.documents.splice(index,1);
+++});
}|code-block|syntax|javascript|144936|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|$]]

With ES6 you can use this code : 

<pre><code>removeDocument(doc){
 this.documents.forEach( (item, index) =&gt; {
 if(item === doc) this.documents.splice(index,1);
 });
}
</code></pre>

blocks|key|363093|text|这是我的解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|363094|onDelete(id:+number)+{
++++this.service.delete(id).then(()+=>+{
++++++++let+index+=+this.documents.findIndex(d+=>+d.id+===+id);+//find+index+in+your+array
++++++++this.documents.splice(index,+1);//remove+element+from+array
++++});

++++event.stopPropagation();
}|code-block|syntax|javascript|363095|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|$]]

It is my solution for that:

<pre><code>onDelete(id: number) {
 this.service.delete(id).then(() =&gt; {
 let index = this.documents.findIndex(d =&gt; d.id === id); //find index in your array
 this.documents.splice(index, 1);//remove element from array
 });

 event.stopPropagation();
}
</code></pre>

blocks|key|144981|text|您可以在数组上使用splice方法来删除元素。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|144982|例如，如果您有一个名为arr的数组，请使用以下代码：|144983|arr.splice(2,+1);|code-block|syntax|javascript|144984|因此，这里索引为2的元素将是起点，参数2将确定要删除的元素的数量。|144985|如果要删除名为arr的数组的最后一个元素，请执行以下操作：|144986|arr.splice(arr.length-1,+1);|144987|这将返回删除了最后一个元素的arr。|144988|示例：|144989|var+arr+=+["orange",+"mango",+"banana",+"sugar",+"tea"];
arr.splice(arr.length-1,+1)
console.log(arr);+//+return+["orange",+"mango",+"banana",+"sugar"]|144990|entityMap^0|9|6|0|B|3|0|0|0|7|3|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@$9|11|A|12|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|13|8|@$9|14|A|15|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|16|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|17|8|@]|D|@]|E|$]]|$1|O|3|P|5|6|7|18|8|@$9|19|A|1A|B|C]]|D|@]|E|$]]|$1|Q|3|R|5|J|7|1B|8|@]|D|@]|E|$K|L]]|$1|S|3|T|5|6|7|1C|8|@]|D|@]|E|$]]|$1|U|3|V|5|6|7|1D|8|@]|D|@]|E|$]]|$1|W|3|X|5|J|7|1E|8|@]|D|@]|E|$K|L]]|$1|Y|3|-4|5|6|7|1F|8|@]|D|@]|E|$]]]|Z|$]]

You can use the <code>splice</code> method on an array to remove the elements.

for example if you have an array with the name <code>arr</code> use the following:

<pre><code>arr.splice(2, 1);
</code></pre>

so here the element with index 2 will be the starting point and the argument 2 will determine how many elements to be deleted.

If you want to delete the last element of the array named <code>arr</code> then do this:

<pre><code>arr.splice(arr.length-1, 1);
</code></pre>

This will return arr with the last element deleted.

Example:

<pre><code>var arr = ["orange", "mango", "banana", "sugar", "tea"];
arr.splice(arr.length-1, 1)
console.log(arr); // return ["orange", "mango", "banana", "sugar"]
</code></pre>

blocks|key|145068|text|let+departments是一个数组。您希望从此数组中删除一项。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|145069|departments:+string[]+=+[];

+removeDepartment(name:+string):+void+{
++++this.departments+=+this.departments.filter(item+=>+item+!=+name);
++}|code-block|syntax|javascript|145070|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|$]]

let departments is an array. You want to remove an item from this array.

<pre><code>departments: string[] = [];

 removeDepartment(name: string): void {
 this.departments = this.departments.filter(item =&gt; item != name);
 }
</code></pre>

blocks|key|363245|text|下面是一个简单的单行程序，用于从对象数组中按属性删除对象。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|363246|delete+this.items[this.items.findIndex(item+=>+item.item_id+==+item_id)];|code-block|syntax|javascript|363247|或|363248|this.items+=+this.items.filter(item+=>+item.item_id+!==+item.item_id);|363249|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Here's a simple one liner for removing an object by property from an array of objects.

<pre><code>delete this.items[this.items.findIndex(item =&gt; item.item_id == item_id)];
</code></pre>

or

<pre><code>this.items = this.items.filter(item =&gt; item.item_id !== item.item_id);
</code></pre>

blocks|key|145206|text|这对我很有效。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|145207|您的数组：|145208|DummyArray:+any+=+[
++++{+"id":+1,+"name":+'A'+},
++++{+"id":+2,+"name":+'B'+},
++++{+"id":+3,+"name":+'C'+},
++++{+"id":+4,+"name":+'D'+}
]|code-block|syntax|javascript|145209|功能：|145210|remove()+{
++++this.DummyArray+=+this.DummyArray.filter(item+=>+item+!==+item);
}|145211|注意:此函数删除数组中的所有对象。如果你想从数组中删除一个特定的对象，那么使用这个方法：|145212|remove(id)+{
++++this.DummyArray+=+this.DummyArray.filter(item+=>+item.id+!==+id);
}|145213|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|V|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

This worked for me.
Your array:
<pre><code>DummyArray: any = [
 { &quot;id&quot;: 1, &quot;name&quot;: 'A' },
 { &quot;id&quot;: 2, &quot;name&quot;: 'B' },
 { &quot;id&quot;: 3, &quot;name&quot;: 'C' },
 { &quot;id&quot;: 4, &quot;name&quot;: 'D' }
]
</code></pre>
Function:
<pre><code>remove() {
 this.DummyArray = this.DummyArray.filter(item =&gt; item !== item);
}
</code></pre>
Note: This function deletes all the objects form your array. If you want to delete a specific object from array then use this method:
<pre><code>remove(id) {
 this.DummyArray = this.DummyArray.filter(item =&gt; item.id !== id);
}
</code></pre>

blocks|key|363212|text|另一个使用Typescript的解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|363213|let+updatedArray+=+[];
for+(let+el+of+this.oldArray)+{
++++if+(el+!==+elementToRemove)+{
++++++++updated.push(el);
++++}
}
this.oldArray+=+updated;|code-block|syntax|javascript|363214|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|$]]

One more solution using Typescript: 

<pre><code>let updatedArray = [];
for (let el of this.oldArray) {
 if (el !== elementToRemove) {
 updated.push(el);
 }
}
this.oldArray = updated;
</code></pre>

blocks|key|363274|text|let+a:+number[]+=+[];

a.push(1);
a.push(2);
a.push(3);

let+index:+number+=+a.findIndex(a+=>+a+===+1);

if+(index+!=+-1)+{
++++a.splice(index,+1);
}

console.log(a);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|363275|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>let a: number[] = [];

a.push(1);
a.push(2);
a.push(3);

let index: number = a.findIndex(a =&gt; a === 1);

if (index != -1) {
 a.splice(index, 1);
}

console.log(a);
</code></pre>

blocks|key|363260|text|只是想为数组添加扩展方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|363261|interface+Array<T>+{
++++++remove(element:+T):+Array<T>;
++++}

++++Array.prototype.remove+=+function+(element)+{
++++++const+index+=+this.indexOf(element,+0);
++++++if+(index+>+-1)+{
++++++++return+this.splice(index,+1);
++++++}
++++++return+this;
++++};|code-block|syntax|javascript|363262|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|$]]

Just wanted to add extension method for an array.

<pre><code>interface Array&lt;T&gt; {
 remove(element: T): Array&lt;T&gt;;
 }

 Array.prototype.remove = function (element) {
 const index = this.indexOf(element, 0);
 if (index &gt; -1) {
 return this.splice(index, 1);
 }
 return this;
 };
</code></pre>

blocks|key|145168|text|您可以先尝试获取列表或数组的索引或位置，然后使用for循环将当前数组分配给临时列表，过滤掉不需要的项，并将需要的项存储回原始数组|type|unstyled|depth|inlineStyleRanges|entityRanges|data|145169|removeItem(index)+{
++++var+tempList+=+this.uploadFile;
++++this.uploadFile+=+[];

++++for+(var+j+=+0;+j+<+tempList.length;+j%2B%2B)+{
++++++if+(j+!=+index)
++++++++this.uploadFile.push(tempList[j]);
++++}
++}|code-block|syntax|javascript|145170|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|$]]

You can try to get index or position of list or array first, then use for loop to assign current array to a temp list, filter out unwanted item and store wanted item back to original array
<pre><code>removeItem(index) {
 var tempList = this.uploadFile;
 this.uploadFile = [];

 for (var j = 0; j &lt; tempList.length; j++) {
 if (j != index)
 this.uploadFile.push(tempList[j]);
 }
 }
</code></pre>

blocks|key|363375|text|我们可以使用filter和includes来实现逻辑|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|363376|​|363377|const+checkAlpha2Code+=+['BD',+'NZ',+'IN']

let+countryAlpha2Code+=+['US',+'CA',+'BD',+'NZ',+'AF'+,+'AR'+,+'BR']


/**
+*+Returns+the+modified+array+countryAlpha2Code+
+*+after+removing+elements+which+matches+with+the+checkAlpha2Code
+*/
countryAlpha2Code+=+countryAlpha2Code.filter(alpha2code+=>+{
++++return+!checkAlpha2Code.includes(alpha2code);
});
console.log(countryAlpha2Code)
//+Output:+[+'US',+'CA',+'AF',+'AR',+'BR'+]


//+Resetting+the+values+again
countryAlpha2Code+=+['US',+'CA',+'BD',+'NZ',+'AF'+,+'AR'+,+'BR']


/**
+*+Returns+the+modified+array+countryAlpha2Code+
+*+which+only+matches+elements+with+the+checkAlpha2Code
+*/
countryAlpha2Code+=+countryAlpha2Code.filter(alpha2code+=>+{
++++return+checkAlpha2Code.includes(alpha2code);
});

console.log(countryAlpha2Code)
//+Output:+[+'BD',+'NZ'+]|code-block|syntax|javascript|363378|363379|entityMap^0|6|6|D|8|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]|$9|S|A|T|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|U|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|V|8|@]|D|@]|E|$K|L]]|$1|M|3|G|5|6|7|W|8|@]|D|@]|E|$]]|$1|N|3|-4|5|6|7|X|8|@]|D|@]|E|$]]]|O|$]]

We can implement the logic using <code>filter</code> and <code>includes</code>
<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const checkAlpha2Code = ['BD', 'NZ', 'IN']

let countryAlpha2Code = ['US', 'CA', 'BD', 'NZ', 'AF' , 'AR' , 'BR']


/**
 * Returns the modified array countryAlpha2Code 
 * after removing elements which matches with the checkAlpha2Code
 */
countryAlpha2Code = countryAlpha2Code.filter(alpha2code =&gt; {
 return !checkAlpha2Code.includes(alpha2code);
});
console.log(countryAlpha2Code)
// Output: [ 'US', 'CA', 'AF', 'AR', 'BR' ]


// Resetting the values again
countryAlpha2Code = ['US', 'CA', 'BD', 'NZ', 'AF' , 'AR' , 'BR']


/**
 * Returns the modified array countryAlpha2Code 
 * which only matches elements with the checkAlpha2Code
 */
countryAlpha2Code = countryAlpha2Code.filter(alpha2code =&gt; {
 return checkAlpha2Code.includes(alpha2code);
});

console.log(countryAlpha2Code)
// Output: [ 'BD', 'NZ' ]</code></pre>
</div>
</div>

blocks|key|363399|text|我看到很多人抱怨remove方法不是内置的。考虑使用Set而不是数组-它内置了add和delete方法。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|363400|entityMap^0|8|6|Q|3|13|3|17|6|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]|$9|O|A|P|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|G|$]]

I see many complaints that <code>remove</code> method is not in-built. Consider using <code>Set</code> instead of array - it has <code>add</code> and <code>delete</code> methods in-built.

blocks|key|145258|text|类似于Abdus+Salam+Azad+answer，但从//https://love2dev.com/blog/javascript-remove-from-array/将数组作为参数传递|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|145259|function+arrayRemove(arr:[],+value:any)+{+
++++
++++return+arr.filter(function(ele){+
++++++++return+ele+!=+value;+
++++});
}|code-block|syntax|javascript|145260|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/15292278/how-do-i-remove-an-array-item-in-typescript/55370276#55370276|1|https://love2dev.com/blog/javascript-remove-from-array/^0|3|N|0|V|1J|1|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]|$A|W|B|X|1|Y]]|C|$]]|$1|D|3|E|5|F|7|Z|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|10|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]|Q|$5|L|M|N|C|$O|R]]]]

Similar to <a href="https://stackoverflow.com/questions/15292278/how-do-i-remove-an-array-item-in-typescript/55370276#55370276">Abdus Salam Azad answer</a> , but passing array as parameter
from //https://love2dev.com/blog/javascript-remove-from-array/
<pre><code>function arrayRemove(arr:[], value:any) { 
 
 return arr.filter(function(ele){ 
 return ele != value; 
 });
}
</code></pre>

I have an array that I've created in TypeScript and it has a property that I use as a key. If I have that key, how can I remove an item from it?

How do I remove an array item in TypeScript?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

我有一个在TypeScript中创建的数组，它有一个我用作键的属性。如果我有那个钥匙，我怎么才能从里面删除一个项目呢？

问如何在TypeScript中删除数组项？
EN

回答 15

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在TypeScript中删除数组项？EN

回答 15

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在TypeScript中删除数组项？
EN