add:数组的其他方法

03-JavaScript基础/15-数组的四个基本方法&数组的遍历.md

@@ -168,6 +168,146 @@ obj:王一,王二,王三
 ```
 
 
+### map()方法
+
+解释：对数组中每一项运行回调函数，返回该函数的结果，组成的新数组（返回的是**加工之后**的新数组）。
+
+比如说，有一个已知的数组arr1，我要求让arr1中的每个素加10，这里就可以用到map方法。举例：
+
+```javascript
+    var arr1 = [1, 3, 6, 2, 5, 6];
+
+    var arr2 = arr1.map(function (item, index) {
+        return item + 10;  //让arr1中的每个元素加10
+
+    })
+    console.log(arr2);
+```
+
+打印结果：
+
+![](http://img.smyhvae.com/20180402_0938.png)
+
+
+举例2：
+
+```javascript
+    var arr1 = ["千古", "宿敌", "南山忆", "素颜"];
+
+    var arr2 = arr1.map(function (element, index, array) {
+        return element + "vae";  //给arr1中所有的元素增加字符串"vae"，放到arr2中。
+    });
+
+    console.log(arr1);
+    console.log(arr2);
+```
+
+结果：
+
+![](http://img.smyhvae.com/20180126_1425.png)
+
+
+
+### filter
+
+
+举例：让找出数组arr1中大于4的元素，返回一个新的数组。代码如下：
+
+
+```javascript
+    var arr1 = [1, 3, 6, 2, 5, 6];
+
+    var arr2 = arr1.filter(function (item, index) {
+        return item > 4; //将arr1中大于4的元素返回
+    })
+    console.log(arr2);
+
+```
+
+
+打印结果：
+
+![](http://img.smyhvae.com/20180402_0951.png)
+
+
+```javascript
+	Array.prototype.filter(function(item, index){})
+```
+
+
+作用：遍历过滤出一个新的子数组，返回条件为true的值。
+
+
+## 数组迭代方法
+
+数组迭代方法包括：every()、filter()、forEach()、map()、some()
+
+PS：这几个方法**不会修改原数组**。
+
+语法格式：
+
+```
+数组/boolean/无 = 数组.every/filter/forEach/map/some(
+                            function(element,index,arr){
+                                            程序和返回值；
+```
+
+有了这几种方法，就可以替代一些for循环了。下面依次来介绍。
+
+### every()方法
+
+解释：对数组中每一项运行回调函数，如果都返回true，every就返回true；如果有一项返回false，则停止遍历，此方法返回false。
+
+注意：every()方法的返回值是boolean值，参数是回调函数。
+
+举例：
+
+```javascript
+    var arr1 = ["千古", "宿敌", "南山忆", "素颜"];
+    var bool1 = arr1.every(function (element, index, array) {
+        if (element.length > 2) {
+            return false;
+        }
+        return true;
+    });
+    console.log(bool1);  //输出结果：false。只要有一个元素的长度是超过两个字符的，就返回false
+
+    var arr2 = ["千古", "宿敌", "南山", "素颜"];
+    var bool2 = arr2.every(function (element, index, array) {
+        if (element.length > 2) {
+            return false;
+        }
+        return true;
+    });
+    console.log(bool2);  //输出结果：true。因为每个元素的长度都是两个字符。
+```
+
+### some()方法
+
+解释：对数组中每一项运行回调函数，只要有一项返回true，则停止遍历，此方法返回true。
+
+### filter()方法
+
+解释：对数组中每一项运行回调函数，该函数返回结果是true的项，将组成新的数组（返回值就是这个新的数组）。
+
+```javascript
+    var arr1 = ["千古", "宿敌", "南山忆", "素颜"];
+
+    var arr2 = arr1.filter(function (element, index, array) {
+        if (element.length > 2) { //arr1中的元素，如果是长度超过2个字符的，我就把它放到arr2中去
+            return true;
+        }
+        return false;
+    });
+    console.log(arr1);
+    console.log(arr2);
+
+```
+
+结果：
+
+![](http://img.smyhvae.com/20180126_1410.png)
+
 
 
 ## 我的公众号