如何从一个数组中提取某些属性或者做某些操作得到一个新的数组？

拼搏现实的明天。 2022-11-04 11:24 143阅读 0赞

> 业精于勤 荒于嬉

## [Array.prototype.map()][Array.prototype.map] ##

数组的 map 方法创建一个新数组，其结果是该数组中的每个元素是调用一次提供的函数后的返回值。

## 需求：从当前数组中提取出由id/no 组成的新数组并拼接成字符串 ##

*很多时候在向服务端提交数据时，为了防止异步操作，服务端只接受提交数据的 id ,其他信息服务端通过id 自己查取获得 因此只需要通过 id 拼接的字符串*

## 示例代码 ##

let array = [{
                name: 'aaa',
                age: 18,
                no: 1
            }, {
                name: 'bbb',
                age: 17,
                no: 2
            }, {
                name: 'ccc',
                age: 15,
                no: 3
            }, {
                name: 'ddd',
                age: 12,
                no: 4
            }, {
                name: 'eee',
                age: 8,
                no: 5
            }, {
                name: 'fff',
                age: 16,
                no: 6
            }]
            let newArr = array.map(item => item.no)
            console.log('newArr', newArr)
            let nos = newArr.join(',')
            console.log('nos', nos)

以上代码，newArr 便是 no 组成的新数组 以及拼接成的字符串如下

![20210302135136217.PNG][]

> 积跬步 至千里

![20210302135622727.jpg][]

[Array.prototype.map]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/map
[20210302135136217.PNG]: /images/20221023/2aa05292cb5a4ef1b3c18e52d958a0ba.png
[20210302135622727.jpg]: /images/20221023/36792d20037445d7be0eca948a96c359.png