如何从javascripts中的另一个数组复制变量数组答案

【问题标题】：How to copy a variable arrray from another arrray in javascripts如何从javascripts中的另一个数组复制变量数组
【发布时间】：2023-04-06 03:02:01
【问题描述】：

我有一个数组如下：

 const arr = [
        {
            title: 's4',
            value: '124'
        },
        {
            title: 's2',
            value: '121'
        },
        {
            title: 's3',
            value: '122'
        }
    ];

我想从旧数组创建一个新的另一个数组副本，如下所示：

 const arrCopy = [
        {
            value: '124'
        },
        {
            value: '121'
        },
        {
            value: '122'
        }
    ];

然后我的代码如下：

var arrCopy = [...arr,arr.value]

但它有一个问题，所以任何人都可以帮助我，谢谢。

【问题讨论】：

标签： javascript arrays reactjs react-native

【解决方案1】：

你可以使用Array.prototype.map()

 const arr = [
        {
            title: 's4',
            value: '124'
        },
        {
            title: 's2',
            value: '121'
        },
        {
            title: 's3',
            value: '122'
        }
    ];
    
    
const newArr = arr.map((element) => {
    return {
    value: element.value
  }
})

console.log(newArr)

甚至可以将上面的表达式缩短为一行

const newArr = arr.map(element => ({value: element.value}))

【讨论】：

【解决方案2】：

就像上面的评论一样，你可以使用很棒的 Javascript 函数，在这种情况下，你想使用数组的 map 函数来映射数组中的每一项。

const arrayMapped = yourArray.map(item => {
    value: item.value
  })

这是使用 Javascript 解构的另一种方式，您只需询问您是否希望从 JS 对象中获取属性，在这种情况下，您只是喜欢 value 属性。

  const arrayMapped = yourArray.map(( { value } ) => ( { value } ))

How Array.map works How Object Destructuring works

【讨论】：

【解决方案3】：

您可以简单地使用Array.map，因为它会返回一个具有所需值的新数组。

const newArr = arr.map(element => ({ value: element.value }))
console.log(newArr);

供参考：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map

【讨论】：