add:从对象数组中,将属性的值提取为数组
This commit is contained in:
		
							parent
							
								
									e793fb7e4b
								
							
						
					
					
						commit
						94de7aa699
					
				@ -15,8 +15,6 @@
 | 
			
		||||
 - CSS样式优先级
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
## 前言
 | 
			
		||||
 | 
			
		||||
现在的互联网前端分三层:
 | 
			
		||||
 | 
			
		||||
@ -1,8 +1,14 @@
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
## 前端常见专有名字
 | 
			
		||||
 | 
			
		||||
## 性能相关
 | 
			
		||||
 | 
			
		||||
- 防抖和节流
 | 
			
		||||
 | 
			
		||||
- 滚动穿透
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
## 样式相关
 | 
			
		||||
 | 
			
		||||
- 多行文字截断
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
							
								
								
									
										38
									
								
								16-前端进阶/02-数组的常见操作.md
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										38
									
								
								16-前端进阶/02-数组的常见操作.md
									
									
									
									
									
										Normal 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>
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user