鍍金池/ 問(wèn)答/HTML/ 關(guān)于Js的對(duì)象數(shù)組的操作

關(guān)于Js的對(duì)象數(shù)組的操作

兩個(gè)問(wèn)題:

第一個(gè)問(wèn)題:

程序如下:

var list = [{name:"xiaoming",age:12},{name:"xiaohong",age:13},{name:"dondong",age:15}];
var newlist = [];
for(var i = 0;i<list.length;i++){
    if(parseInt(list[i].age) !== 12){
        newlist.push(list[i]);
    }
    console.log(newlist);    //這里打印每次循環(huán)時(shí)newList的值
}

很明顯,想要的結(jié)果應(yīng)該是打印3次,分別輸出:[]、[{name:"xiaohong",age:13}][{name:"xiaohong",age:13},{name:"dondong",age:15}]

執(zhí)行結(jié)果卻是:

mark

為什么會(huì)這樣?如果我想得到想要的結(jié)果,我應(yīng)該怎么做?

第二個(gè)問(wèn)題:
其實(shí)之所以會(huì)遇到第一個(gè)問(wèn)題,是因?yàn)槲以赗eact項(xiàng)目中(剛接觸React,我不知道會(huì)不會(huì)是React的什么特性導(dǎo)致),寫(xiě)下面這個(gè)函數(shù)的時(shí)候遇到的問(wèn)題:

//oldList是一個(gè)數(shù)組,里面放的是一個(gè)個(gè)對(duì)象
selectProduct(oldList){
        let list = [],
        for(let i = 0;i<oldList.length;i++){
            if(parseInt(oldList[i].location) !== -1){
                list.push(oldList[i]);
            }
            console.log(list)    //打印每次循環(huán)時(shí)的list
        }
        
        console.log(list[0]);    //用來(lái)測(cè)試到底有沒(méi)有值
        ......

結(jié)果:

mark

雖然看起來(lái)一個(gè)個(gè)都有在填進(jìn)去,但是點(diǎn)擊卻是空的,length顯示是0,但是最后打印list[0]卻又證明是有值的,所以很奇怪,不知道是怎么回事,小白一枚,希望各位大佬幫幫忙

回答
編輯回答
夏木

第一個(gè)問(wèn)題你看你打印的結(jié)果
第一個(gè)是[]空數(shù)組 第二個(gè)是[{}]數(shù)組包含一個(gè)對(duì)象 第三個(gè)是[{},{}]包含兩個(gè)對(duì)象,
但你點(diǎn)擊的時(shí)候點(diǎn)的是newlist對(duì)象的引用,及指向內(nèi)存區(qū)域的值,因?yàn)槟愕姆椒▓?zhí)行完了所以打開(kāi)都是包含兩個(gè)對(duì)象,你可以運(yùn)行一下下面的代碼看一下,第二個(gè)問(wèn)題同第一個(gè)問(wèn)題

var list = [{name:"xiaoming",age:12},{name:"xiaohong",age:13},{name:"dondong",age:15}];
var newlist = [];
for(var i = 0;i<list.length;i++){
    if(parseInt(list[i].age) !== 12){
        newlist.push(list[i]);
    }
    console.log(JSON.stringify(newlist));   
}
2018年9月8日 00:37
編輯回答
不二心

這個(gè)代碼是沒(méi)有問(wèn)題的是瀏覽器的問(wèn)題
瀏覽器輸出的是對(duì)象的引用地址,當(dāng)你點(diǎn)開(kāi)下拉的時(shí)候才獲取,你可以看到當(dāng)你不點(diǎn)的時(shí)候輸出的是[],[{...}],[{...},{...}]
點(diǎn)開(kāi)之后才獲取引用的東西

2018年3月15日 23:39