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