JavaScript從數(shù)組(數(shù)組對象)中刪除特定數(shù)據(jù)的方法
更新時間：2023年09月14日 08:26:40 作者：是小張呀！
這篇文章主要給大家介紹了關(guān)于JavaScript從數(shù)組(數(shù)組對象)中刪除特定數(shù)據(jù)的相關(guān)資料,js在前臺界面中舉足輕重,在使用js刪除數(shù)組時遇到一些問題,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
1：數(shù)組 （數(shù)組對象） 使用 filter()
// 數(shù)組
let arr = [ "??", "你", "太", "美" ];
let arrList = arr.filter((x) => x !== "太");
console.log(arrList);
// 數(shù)組對象
let arr = [{name:"張三",age:18},{name:"李四",age:19},{name:"王五",age:20}]
let list = arr.filter((val) => val.name !== '張三')
console.log(list);如果數(shù)組中有重復(fù)的兩個元素，我們只想刪除一個元素，我們必須使用另一種方法。
2: 數(shù)組 使用 indexOf() 和 splice()
let arr = [ "??", "你", "太", "美", "??" ];
let arrList = arr.indexOf("??");
arr.splice(arrList, 1);
console.log(arr);3. 數(shù)組（數(shù)組對象） for循壞
// 數(shù)組
let arr = [1，2，3，4，5，6]
let list = []
console.log(arr.indexOf(4));
for(let i=0;i<arr.length;i++){
if(i !== arr.indexOf(4)){
list.push(arr[i])
}
}
console.log(list);
// 對象數(shù)組
let arr = [{name:"張三",age:18},{name:"李四",age:19},{name:"王五",age:20}]
let list = []
for(let i=0;i<arr.length;i++){
if(arr[i].name !== '張三'){
list.push(arr[i])
}
}
console.log(list);總結(jié)
到此這篇關(guān)于JavaScript從數(shù)組(數(shù)組對象)中刪除特定數(shù)據(jù)的文章就介紹到這了,更多相關(guān)JS數(shù)組刪除特定數(shù)據(jù)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
基于js里調(diào)用函數(shù)時,函數(shù)名帶括號和不帶括號的區(qū)別
下面小編就為大家?guī)硪黄趈s里調(diào)用函數(shù)時,函數(shù)名帶括號和不帶括號的區(qū)別。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義導(dǎo)航欄效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
性能優(yōu)化篇之Webpack構(gòu)建速度優(yōu)化的建議
這篇文章主要介紹了性能優(yōu)化篇之Webpack構(gòu)建速度優(yōu)化的建議，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
這篇文章主要介紹了JS+CSS實現(xiàn)帶小三角指引的滑動門效果,可實現(xiàn)帶有箭頭提示效果的滑動門功能,涉及JavaScript動態(tài)操作頁面元素樣式的相關(guān)技巧,需要的朋友可以參考下2015-09-09
本篇適合javascript新手或者學(xué)了前端一段時間，對js概念不清晰的同學(xué)。本文將講述幾點對于初學(xué)者遇到的javascript的坑，相信對javascript基礎(chǔ)薄弱的同學(xué)，可以加深對javascript的理解2017-01-01
這篇文章主要介紹了nodejs分離html文件里面的js和css的方法，本文需要分離出一個html 文件里面的script 和style 里面的內(nèi)容，然后單獨生成js文件和css 文件，感興趣的可以了解一下2019-04-04
使用reflect-metadata實現(xiàn)數(shù)據(jù)校驗與日志記錄
在?TypeScript?生態(tài)系統(tǒng)中,reflect-metadata?庫是一種強大的工具,它允許我們在運行時獲取更多的類型信息,下面我們來看看如何在前端項目中使用reflect-metadata以及它能實現(xiàn)的能力吧2024-12-12
微信小程序用戶授權(quán)彈窗 拒絕時引導(dǎo)用戶重新授權(quán)實現(xiàn)
我們在開發(fā)小程序時，如果想獲取用戶信息，就需要獲取用的授權(quán)，如果用戶誤點了拒絕授權(quán)，我們怎么樣去正確的引導(dǎo)用戶重新授權(quán)呢。今天就來給大家講講如果正確的引導(dǎo)用戶授權(quán),需要的朋友可以參考下2019-07-07
JavaScript利用el-table實現(xiàn)繪制熱度表
這篇文章主要為大家詳細(xì)介紹了JavaScript如何利用el-table實現(xiàn)繪制熱度表，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-03-03
變量在if條件中到底是true還是false，還是比較讓人迷糊，下面來進行測試，測試常見的變量類型在if條件中的表現(xiàn)2014-07-07