es5严格模式--数组新增方法

  一.ES5严格模式的目的.

        1.消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为; √

        2.为未来新版本的Javascript做好铺垫。

        3.消除代码运行的一些不安全之处，保证代码运行的安全。

        4.提高编译器效率，增加运行速度。

二.ES5严格模式的标记 - "use strict"

将"use strict"放在脚本文件的第一行，则整个脚本都将以"严格模式"运行

三.语法和行为改变

1.变量显式声明：一定加var,否则报错的。

2.禁止使用with语句。

3.禁止this关键字指向全局对象(window)

严格模式下，普通函数里面的this不再指向全局的window，看谁去调用它。

函数内部有两个特殊的对象：arguments 和  this

this是js的关键字，仅存在于函数的内部，表示指向关系，有一个总的指向原则，就是指向函数的调用者(谁调用函数this指向谁)

 4.函数不能有重名的参数

5.禁止八进制表示法

6.不允许对arguments赋值

7.禁止使用arguments.callee/arguments.caller

数组新增方法

1.位置方法--indexOf()  lastIndexOf()

返回要查找的项在数组中的索引位置,没找到的情况下返回-1,

两个参数：要查找的数组项 和 （可选的）表示查找起点位置的索引

indexOf()方法从数组的开头开始向后查找 

var arr = ['zhangsan', 'lisi', 'wangwu', 'ending', 'zhangsan', 'lisi', 'wangwu'];
console.log(arr.indexOf('lisi')); //1
console.log(arr.indexOf('li')); //-1
console.log(arr.indexOf('lisi', 3)); //5 从索引为3的位置找lisi，但是索引是从头开始数。
console.log(arr.indexOf('lisi', -3)); //5 负数表示从后往前数。
console.log(arr.indexOf('lisi', 1));

lastIndexOf()方法：数组的末尾开始向前查找。

console.log(arr.lastIndexOf('lisi')); //5
console.log(arr.lastIndexOf('lisi', 1)); //1

 数组去重：

var arr = [12, 12, 12, 3, 569, 78, 0, -56, 12, 3, 569, 78, 0, -56, 12, 3, 569, 78, 0, -56];
var newarr = [];
for (var i = 0; i < arr.length; i++) {
    if (newarr.indexOf(arr[i]) === -1) { //当前的值在数组中不存在。
            newarr.push(arr[i]);
            }
        }
console.log(newarr);// [12, 3, 569, 78, 0, -56]

 2.迭代方法：两个参数

第一个参数：函数，每一个数组项自定执行这个函数(函数当参数叫回调函数)。此函数会接收三个参数：数组项的值、该项在数组中的位置、数组对象本身。

第二个参数：（可选的）运行该函数的作用域对象（改变回调函数里面 this 的值）。

1.every()对数组中的每一项运行给定函数，如果该函数对每一项都返回 true ，则返回 true 。

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
var result = arr.every(function(value, index, array) {
            return value > 1;
        });
console.log(result); //true

案例：

案例：数组的每一项值都是字符串。
function checkstring(arr) {
       return arr.every(function(value) {
        return typeof value === 'string';
            })
        }
console.log(checkstring(['hello', 'hi']))
console.log(checkstring(['hello', 'hi', 123]))
console.log(checkstring(['hello', 'hi', true]))

 

2.some()对数组中的每一项运行给定函数，如果该函数对任意一项返回 true ，则返回 true

        var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
        var result = arr.some(function(value, index, array) {
            return value > 8;
        });
        console.log(result); //true

 案例;

        案例：编写函数has(arr , 60) 判断数组中是否存在60这个元素，返回布尔类型
        "use strict";

        function has(arr, num) {
            return arr.some(function(value) {
                console.log(this);
                return value === num;
            }, 'hehe');
        }
        console.log(has([20, 30, 60, 90], 60));

 3.filter()对数组中的每一项运行给定函数，返回该函数结果为 true 的项组成的数组- 过滤也可做数组去重

 

        var arr = [12, 12, 12, 3, 569, 78, 0, -56, 12, 3, 569, 78, 0, -56, 12, 3, 569, 78, 0, -56];

        var newarr = arr.filter(function(value, index, array) {
            //index:数组项的索引
            //array.indexOf(value):获取的是第一次value这个值的索引。
            return array.indexOf(value) === index; //数字是第一次出现的才满足条件，第二次出现不满足。
            //12-> 0 === 0
            //12-> 0 === 1 
        });
        console.log(newarr);//[12, 3, 569, 78, 0, -56]

4.map() 对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组。返回就是数组，不考虑true或者false - 一一映射 

        var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
        var result = arr.map(function(value, index, array) {
            return value > 5;
        });
        console.log(result);//[false, false, false, false, false, true, true, true, true]

案例：

       编写函数map(arr) 把数组中的每一位数字都增加30%

       var arr = [100, 200, 300, 400, 500];
         var result = arr.map(function(value) {
             return value * 1.3;
         });
        console.log(result);//[130, 260, 390, 520, 650]

5.forEach() ：对数组中的每一项运行给定函数。这个方法没有返回值。- 替代for循环

        var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
        var result = arr.forEach(function(value) {
        return  console.log(value * 1.3);//一一遍历相乘
         });
        console.log(result); //undefined

 3.归并方法：   每一次迭代得到的结果会作为下一次迭代的初始值。

        两个参数：

        参数1：每一项上调用的函数 - 函数有四个参数(前一个的值，当前值，数组项的索引，数组本身)

       参数2： 作为归并的初始值-可选的。

1.reduce（）方法

两种情况：一个参数前一个值为数组的第一项值 ，两个参数时前一个值为作为归并的初始值

 reduce一个参数：

        1.reduce只有一个函数做参数。
        var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
        var result = arr.reduce(function(prev, curr, index, array) { 前一个的值prev，当前值curr，数组项的索引index，数组本身array
            console.log(prev);第一次表示数组的第一项的值，后面就是迭代的结果。 
            console.log(curr); 表示的是数组的第二项到最后的数组项的值。2, 3, 4, 5, 6, 7, 8, 9, 10
            console.log(prev + '|' + curr);
            return prev + curr;
        });
        console.log(result);55

 reduce两个参数：

        2.reduce有两个参数(每一项上调用的函数,作为归并的初始值) - 常见的
        var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
        var result = arr.reduce(function(prev, curr, index, array) {
            // console.log(prev); //第一次表示迭代的初始值100，后面就是迭代的结果
            // console.log(curr); //表示的是数组的第一项到最后的数组项的值 1, 2, 3, 4, 5, 6, 7, 8, 9, 10
            console.log(prev + '|' + curr);
            return prev + curr;
        }, 100);//初始值为100
        console.log(result); //155