JavaScript的push方法改變值

Question

我使用節點殼來測試這一點：BTW，我是新來的Javascript

x = [1,2] 
y = [3,4] 
k = [] 
for (n in x.concat(y)) { k.push(n); } 

現在打字ķ打印以下內容：

[ '0', '1', '2', '3' ] 

Answer 1

你推索引，而不是實際的元素。嘗試是這樣的：

var x = [1,2]; 
var y = [3,4]; 
var k = []; 

var z = x.concat(y); 
for (var n in z) { 
    k.push(z[n]); 
} 

更多在這裏閱讀：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...in

Answer 2

沒有必要的for循環都簡單地分配Array#concat方法的返回值，這是級聯陣列。

var k = x.concat(y) 

---

FYI：在for...in循環你拿到鑰匙，萬一這將是數組索引。它旨在用於對象迭代。改爲使用simple for loop。即使Array#map或Array#forEach可以使用，根據您的要求。

與Array#forEach一個例子：

a.concat(b).forEach(function(e){ 
    k.push(e); 
}); 

---

在情況下，如果您要推送的值的陣列，以現有陣列然後使用Array#push與Function#apply方法。

[].push.apply(existingArray, arrayOfValuesToPush); 

你的情況，那就是：

[].push.apply(k, a.concat(b)); 
// or 
[].push.apply(k, a); 
[].push.apply(k, b); 

Answer 3

您需要參考的元素，而不是數組的索引的

for (n in _m=x.concat(y)) { 
k.push(_m[n]); 
} 

JSFIDDLE

Answer 4

您使用數據結構上的一個for...in循環通常不會與ke一起運行y /值對。

所以實際發生的是在for...in循環的每次迭代中，您將索引傳遞給n並將該索引推送到新數組。

你可能想要的實際上是forEach method native to arrays。

從而改變你的代碼是這樣的......

​​

也有在Array.map方法還原產於實際上將產生一個全新的陣列（而不是你不必定義k和push陣列到它。

var x = [1,2]; 
var y = [3,4]; 

var k = x.concat(y).map(function(element, index) { 
// the return value is the element that will be at the 
// new array's index. 
return element; 
} 

Answer 5

試試這個（在ES5）：

var k = x.concat(y); 

試試這個（在ES6）：

for (let n of x.concat(y)) { 
    k.push(n); 
}