From 94de7aa699adb3ff6cdd1459d173d023b598dc92 Mon Sep 17 00:00:00 2001 From: qianguyihao Date: Tue, 7 May 2019 15:53:36 +0800 Subject: [PATCH] =?UTF-8?q?add:=E4=BB=8E=E5=AF=B9=E8=B1=A1=E6=95=B0?= =?UTF-8?q?=E7=BB=84=E4=B8=AD=EF=BC=8C=E5=B0=86=E5=B1=9E=E6=80=A7=E7=9A=84?= =?UTF-8?q?=E5=80=BC=E6=8F=90=E5=8F=96=E4=B8=BA=E6=95=B0=E7=BB=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 02-CSS/03-CSS样式表和选择器.md | 2 - 16-前端进阶/01-前端常见专有名词.md | 8 +++- 16-前端进阶/02-数组的常见操作.md | 38 +++++++++++++++++++ .../{02-前端的几道题目.md => 前端的几道题目.md} | 0 4 files changed, 45 insertions(+), 3 deletions(-) create mode 100644 16-前端进阶/02-数组的常见操作.md rename 16-前端进阶/{02-前端的几道题目.md => 前端的几道题目.md} (100%) diff --git a/02-CSS/03-CSS样式表和选择器.md b/02-CSS/03-CSS样式表和选择器.md index 4d6875d..1db3cf8 100644 --- a/02-CSS/03-CSS样式表和选择器.md +++ b/02-CSS/03-CSS样式表和选择器.md @@ -15,8 +15,6 @@ - CSS样式优先级 - - ## 前言 现在的互联网前端分三层: diff --git a/16-前端进阶/01-前端常见专有名词.md b/16-前端进阶/01-前端常见专有名词.md index 11d4e00..187ff9b 100644 --- a/16-前端进阶/01-前端常见专有名词.md +++ b/16-前端进阶/01-前端常见专有名词.md @@ -1,8 +1,14 @@ -## 前端常见专有名字 + +## 性能相关 - 防抖和节流 - 滚动穿透 + +## 样式相关 + +- 多行文字截断 + diff --git a/16-前端进阶/02-数组的常见操作.md b/16-前端进阶/02-数组的常见操作.md new file mode 100644 index 0000000..b793a1c --- /dev/null +++ b/16-前端进阶/02-数组的常见操作.md @@ -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"] +``` + + +- 参考链接: \ No newline at end of file diff --git a/16-前端进阶/02-前端的几道题目.md b/16-前端进阶/前端的几道题目.md similarity index 100% rename from 16-前端进阶/02-前端的几道题目.md rename to 16-前端进阶/前端的几道题目.md