鍍金池/ 問答/HTML/ js兩個(gè)嵌套的循環(huán)如何讓數(shù)值正確的刪除

js兩個(gè)嵌套的循環(huán)如何讓數(shù)值正確的刪除

var patt = new RegExp(11);
var data = [
    [
        {a:1,b:1},
        {a:2,b:2},
        {a:3,b:3}
    ],
    [
        {a:11,b:11},
        {a:22,b:22},
        {a:33,b:33}
    ]
]
data.forEach((item,index) => { 
    item.forEach((item2,index2) => {
        if(!patt.test(item2.a)) {
            console.log(item2.a); //打印出的結(jié)果是1,2,3,22,33(除了11以外的所有項(xiàng))
            item.splice(index2,1); //問題出在這一句
        }
    })
});
console.log(data); //我希望這個(gè)data能拿到的是{a:11,b:11}這一條數(shù)據(jù)

如上面的代碼所示,我現(xiàn)在希望data打印出的結(jié)果是patt篩選的那個(gè)結(jié)果所在的那條數(shù)據(jù){a:11,b:11}
該怎么修改這一段代碼,讓它能正確的打印出我想要的結(jié)果?

回答
編輯回答
懷中人

item2.splice(index2,1); //item2
item是外層的,你要?jiǎng)h除的是內(nèi)層的。所以是item2**

仔細(xì)一看,我應(yīng)該寫錯(cuò)了。我再改改

forEach() 方法對(duì)數(shù)組的每個(gè)元素執(zhí)行一次提供的函數(shù)。
應(yīng)用場(chǎng)景:為一些相同的元素,綁定事件處理器!

那么forEach看上去不那么適合

filter() 方法創(chuàng)建一個(gè)新數(shù)組, 其包含通過所提供函數(shù)實(shí)現(xiàn)的測(cè)試的所有元素。

filter()也不適合,他只有兩個(gè)操作,要或者不要,所以最外層的循環(huán)他改變不了

map() 方法創(chuàng)建一個(gè)新數(shù)組,其結(jié)果是該數(shù)組中的每個(gè)元素都調(diào)用一個(gè)提供的函數(shù)后返回的結(jié)果。

這個(gè)我覺得就還好了,因?yàn)樗且粋€(gè)返回值的合集

var patt = new RegExp(11);
var data = [
    [
        {a:1,b:1},
        {a:2,b:2},
        {a:3,b:3}
    ],
    [
        {a:11,b:11},
        {a:22,b:22},
        {a:33,b:33}
    ]
]
data = data.map((item,index) => { 
    item = item.filter((item2,index2) => {
        console.log(item2)
        return patt.test(item2.a)
    });
    return item
});
console.log(data); //我希望這個(gè)data能拿到的是{a:11,b:11}這一條數(shù)據(jù)
2018年7月26日 00:07
編輯回答
寫榮

splice() 方法向/從數(shù)組中添加/刪除項(xiàng)目,然后返回被刪除的項(xiàng)目。

該方法會(huì)改變?cè)紨?shù)組。
var patt = new RegExp(11);
var data = [
    [
        {a:1,b:1},
        {a:2,b:2},
        {a:3,b:3}
    ],
    [
        {a:11,b:11},
        {a:22,b:22},
        {a:33,b:33}
    ]
]
data.forEach((item,index) => { 
    item.forEach((item2,index2) => {
        if(!patt.test(item2.a)) {
            console.log(data);
            item.splice(index2,1);
        }
    })
});

看看每次循環(huán)打印的data是什么。
每次在循環(huán)中進(jìn)行splice操作時(shí),都改變了data,也就是去掉一個(gè)item2,那么進(jìn)行下一次循環(huán)的時(shí)候,由于少了一項(xiàng),index2可能就取不到了(數(shù)組里只有兩個(gè)項(xiàng),但你想去下表為3的項(xiàng))。所以造成了這個(gè)問題

2017年5月13日 18:12
編輯回答
敢試

換個(gè)思路唄
不改變?cè)瓟?shù)組

Array.prototype.concat.apply(data).map(item => patt.test(item.a))
2017年1月16日 17:27
編輯回答
未命名

記下位置,再?gòu)暮笸皠h除;或者直接從后往前刪除

2018年9月3日 03:30