ReactJS + javascript：如何解析數組到一個新的數組？

Question

我有以下的數組：

var oldArray = [ 
    {number: '12345', alphabet: 'abcde'}, 
    {number: '54321', alphabet: 'abcde'}, 
    {number: '67891', alphabet: 'abcde'}, 
    {number: '19876', alphabet: 'abcde'}, 
] 

而且我想只提取從oldArray的number和創建它們的一個新的陣列稱爲newNumberArray只用字符串，而不是作爲對象，像這樣：

var newNumberArray = [ 
    {'12345'}, 
    {'54321'}, 
    {'67891'}, 
    {'19876'}, 
] 

我該怎麼做？

Answer 1

請注意，{'12345'}不是有效的JavaScript對象，因爲該值缺少其密鑰。

---

展望未來，我會假設你想達到像下面這樣的結果：

["12345", "54321", "67891", "19876"] 

的Array.prototype.map()功能是在這裏幫助：

var oldArray = [ 
 
    {number: '12345', alphabet: 'abcde'}, 
 
    {number: '54321', alphabet: 'abcde'}, 
 
    {number: '67891', alphabet: 'abcde'}, 
 
    {number: '19876', alphabet: 'abcde'}, 
 
] 
 
    
 
var newNumberArray = oldArray.map(function(item) { 
 
    return item.number 
 
}) 
 
    
 
console.log(newNumberArray) // ["12345", "54321", "67891", "19876"]

Answer 2

這對.MAP一個完美的工作;）

var newNumberArray = oldArray.map(function(item){ 
    return item.number; 
}); 

你可以看到它在這裏工作： https://jsfiddle.net/juanmirod/09yk7a3t/

更多有關地圖：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map