add:从对象数组中,将属性的值提取为数组

This commit is contained in:
qianguyihao 2019-05-07 15:53:36 +08:00
parent e793fb7e4b
commit 94de7aa699
4 changed files with 45 additions and 3 deletions

View File

@ -15,8 +15,6 @@
- CSS样式优先级
## 前言
现在的互联网前端分三层:

View File

@ -1,8 +1,14 @@
## 前端常见专有名字
## 性能相关
- 防抖和节流
- 滚动穿透
## 样式相关
- 多行文字截断

View File

@ -0,0 +1,38 @@
02-数组相关操作.md
## 前言
数组在实战开发中使用得相当频繁。前端同学通过接口拿到json数据后往往需要把数据进行各种形式的变换和展示。这个时候数组的常见操作就发挥了很大的作用。
如果你对数组的基础知识不太熟悉,建议回去看看`03-JavaScript`的基础知识。
掌握了基础知识之后,我们再来看看,实战开发中,数组都有哪些常见操作。
## 数组的常见操作
### 从对象数组中,将属性的值提取为数组
一般人可能会想着通过 for循环进行遍历但这种做法不够简洁。
最佳答案:
```javascript
const arr1 = [
{ skuId: "123", name: "商品1" },
{ skuId: "456", name: "商品2" },
{ skuId: "789", name: "商品3" }
];
const skuIdArr = arr1.map(item => item.skuId); // 将数组 arr1 中的 skuId字段提取为一个新的数组
console.log(JSON.stringify(skuIdArr));
```
打印结果:
```json
["123","456","789"]
```
- 参考链接:<https://codeday.me/bug/20170426/12102.html>