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

兩個問題：

第一個問題：

程序如下：

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)時newList的值
}

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

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

mark

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

第二個問題：
其實之所以會遇到第一個問題，是因為我在React項目中（剛接觸React，我不知道會不會是React的什么特性導(dǎo)致），寫下面這個函數(shù)的時候遇到的問題：

//oldList是一個數(shù)組，里面放的是一個個對象
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)時的list
        }
        
        console.log(list[0]);    //用來測試到底有沒有值
        ......

結(jié)果：

mark

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

回答

編輯回答

夏木

第一個問題你看你打印的結(jié)果
第一個是[]空數(shù)組第二個是[{}]數(shù)組包含一個對象第三個是[{},{}]包含兩個對象，
但你點擊的時候點的是newlist對象的引用，及指向內(nèi)存區(qū)域的值，因為你的方法執(zhí)行完了所以打開都是包含兩個對象，你可以運行一下下面的代碼看一下，第二個問題同第一個問題

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

編輯回答