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

ReactJS + javascript：如何将数组解析为新数组？

ReactJS + javascript: How to parse array into a new array?

html

javascript

arrays

reactjs

react-jsx