Complete array method.

dahui4dev · dahui4dev · commit 7db1942bccee · 2018-02-21T22:32:58.000+08:00
diff --git a/README.md b/README.md
@@ -1,7 +1,7 @@
 # JavaScript学习记录
 
 > 总结内容主要都是红宝书中阅读整理
-> 其实都推荐前端学习一下此书：
+> 不管在哪里看文章都推荐前端学习此书可想而知本书的受欢迎程度：
 >
 >《JavaScript高级程序设计》 [美] Nicholas C.Zakas 著
 >
diff --git a/article/005-reference-object-array.md b/article/005-reference-object-array.md
@@ -4,6 +4,39 @@
 引用类型的值（对象）是引用类型的一个实例。引用类型是一种数据结构，用于将数据和功能组织在一起。
 ECMAScript 提供了很多原生引用类型。
 
+
+## 目录
+
+JavaScript 引用数据类型
+
+- 1、Object类型
+    - 1.1、创建对象的方式
+    - 1.2、读取对象属性
+- 2、Array类型
+    - 2.1、创建方式
+    - 2.2、读取方式
+    - 2.3、检测数组
+    - 2.4、转换方法
+    - 2.5、栈方法
+    - 2.6、队列方法
+    - 2.7、栈、队列小结
+        - 1. 栈的使用
+        - 2. 队列的使用
+    - 2.7、重排序方法
+    - 2.8、操作方法
+        - 1. concat() 用于合并两个或多个数组。此方法不会更改现有数组，而是返回一个新数组。
+        - 2. slice() 返回一个从开始到结束（不包括结束）选择的数组的一部分浅拷贝到一个新数组对象。原始数组不会被修改。
+        - 3. splice() 通过删除现有元素和/或添加新元素来更改一个数组的内容。
+    - 2.9、位置方法
+        - 1. indexOf()、lastIndexOf() 方法返回在数组中可以找到一个给定元素的第一个索引，如果不存在，则返回-1。indexOf() 从数组开头向后查找, lastIndexOf() 从数组末尾开始向前查找。
+        - 2. 使用场景
+    - 2.10、迭代方法
+
+
+
+
+
+
 ## 1、Object类型
 
 
@@ -54,11 +87,11 @@ person["first name"] = "wjh"
 
 
 
-### 2、Array类型
+## 2、Array类型
 
 
 
-### 2.1、数组创建方式
+### 2.1、创建方式
 
 ```javascript
 // 1、使用构造函数：
@@ -82,7 +115,7 @@ var values = [1, 2, ];                    // 不推荐这样用，这样会创
 
 
 
-### 2.2、数组读取方式
+### 2.2、读取方式
 
 使用索引读取
 
@@ -127,7 +160,7 @@ if(Array.isArray(value)){
 
 
 
-### 2.4、数组转换方法
+### 2.4、转换方法
 
 所有对象都具有 toLocaleString()、toString() 和 valueOf() 方法。
 
@@ -181,7 +214,7 @@ alert(persons.toLocaleString());        // 1 => toLocaleString ,2 => toLocaleStr
 
 
 
-### 2.5、数组栈方法
+### 2.5、栈方法
 
 什么是栈？
 
@@ -205,7 +238,7 @@ console.log(person)
 
 
 
-### 2.6、数组队列方法
+### 2.6、队列方法
 
 什么是队列？
 - 队列是一种 **FIFO（First-In-First-Out 先进先出）** 的数据结构。
@@ -230,7 +263,7 @@ console.log(person)                                 // 移除后的数组   [ 'D
 
 ### 2.7、栈、队列小结：
 
-#### 栈的使用
+#### 1. 栈的使用
 
 正向栈使用：push() pop()  从尾部进一个，再从尾部出一个
 
@@ -239,7 +272,7 @@ console.log(person)                                 // 移除后的数组   [ 'D
 ![队列图示](./img/005-stack.png)
 
 
-#### 队列的使用
+#### 2. 队列的使用
 
 正向队列使用：push() shift() 从尾部先进一个，再从头部出去一个
 
@@ -300,7 +333,7 @@ function compare(val1, val2) {
 
 
 
-### 2.8 数组操作方法
+### 2.8、操作方法
 
 #### 1. concat() 用于合并两个或多个数组。此方法不会更改现有数组，而是返回一个新数组。
 
@@ -366,14 +399,14 @@ console.log(result3);       // 返回值：[ 'Siri' ]
 
 上述示例演示可以看到：splice 方法会改变原数组内容；并且可实现 增、删、改操作（改操作实质就是：删除后增加）。
 
-splice 的返回值也可以从上面示例看到，如果有删除元素就会返回一个数组，包含从原始数组中删除的项（没有删除就反悔一个空数组）。
+splice 的返回值也可以从上面示例看到，如果有删除元素就会返回一个数组，包含从原始数组中删除的项（没有删除就返回一个空数组）。
 
 
-### 2.9 位置方法
+### 2.9、位置方法
 
 数组位置方法有两个： indexOf() 和 lastIndexOf()。
 
-#### `indexOf()`、`lastIndexOf()` 方法返回在数组中可以找到一个给定元素的第一个索引，如果不存在，则返回-1。`indexOf()` 从数组开头向后查找, `lastIndexOf()` 从数组末尾开始向前查找。
+#### 1. `indexOf()`、`lastIndexOf()` 方法返回在数组中可以找到一个给定元素的第一个索引，如果不存在，则返回-1。`indexOf()` 从数组开头向后查找, `lastIndexOf()` 从数组末尾开始向前查找。
 
 两个参数分别指定：要查找的元素、开始查找的位置。
 
@@ -387,9 +420,9 @@ array.indexOf(2, -3);   // 0
 
 ```
 
-#### 使用场景
+#### 2. 使用场景
 
-1. 找出指定元素出现的所有位置
+1、找出指定元素出现的所有位置
 
 ```javascript
 var indices = [];
@@ -407,7 +440,7 @@ while (idx != -1) {
 console.log(indices);     // [ 1, 3, 5 ]
 ```
 
-2. 判断一个元素是否在数组里，不在则更新数组
+2、判断一个元素是否在数组里，不在则更新数组
 
 ```javascript
 function updateBrandCollection(brands, brand) {
@@ -427,13 +460,58 @@ updateBrandCollection(brands, '苹果');      // 苹果 已经存在于品牌集
 ```
 
 
+### 2.10、迭代方法
 
+- every()：对数组中的每一项运行给定函数，如果该函数对每一项都返回 true， 则返回 true。
+- some()：对数组中的每一项运行给定函数，如果该函数对任一项返回 true，则返回 true。
+- filter()：对数组中的每一项运行给定函数，返回该函数会返回 true 的项组成的数组。
 
+- forEach()：对数组中的每一项运行给定函数，没有返回值。
+- map()：对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组。
 
 
 
+```javascript
+var numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
+
+/**
+ * 待传入的 给定的运行函数
+ * 此函数接收三个参数
+ * @param item 数据项的值
+ * @param index 该项在数组中的位置
+ * @param array 数组对象本身
+ * @return 返回值根据使用外部函数不同，影响不同
+ */
+function givenFunc(item, index, array) {
+  return item > 2;
+}
+
+/**
+ * every 顾名思义，必须每一项都满足 给定函数 才返回true，否则返回 false。可以类比 运算符："&"
+ * @type {boolean}
+ */
+var everyResult = numbers.every(givenFunc)
+console.log(everyResult)    // false
+
 
+/**
+ * some 只要有一项 返回true，就返回true。 可以类比 运算符："|"
+ * @type {boolean}
+ */
+var someResult = numbers.some(givenFunc)
+console.log(someResult)     // true
+
+
+/**
+ * filter 就是过滤 按照给定函数过滤，满足条件就加入返回结果数组，最后返回满足条件的所有项组成的数组
+ * @type {Array.<number>}
+ */
+var filterResult = numbers.filter(givenFunc)
+console.log(filterResult)   // [ 3, 4, 5, 4, 3 ]
+
+```
 
+以上示例演示了：every、some、filter 三个方法的使用，这三个方法主要通过给定函数判断数组每一项是否符合我们的条件
 
 
 

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`# JavaScript学习记录`
`2`	`2`
`3`	`3`	`> 总结内容主要都是红宝书中阅读整理`
`4`		`-> 其实都推荐前端学习一下此书：`
	`4`	`+> 不管在哪里看文章都推荐前端学习此书可想而知本书的受欢迎程度：`
`5`	`5`	`>`
`6`	`6`	`>《JavaScript高级程序设计》 [美] Nicholas C.Zakas 著`
`7`	`7`	`>`