ES5严格模式与数组操作

ES5严格模式的目的

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

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

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

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

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

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

将"use strict"放在函数体的第一行,则整个函数以"严格模式"运行。

ES5严格模式的语法和行为改变

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

2.禁止使用with语句

扫描二维码关注公众号,回复: 11428716 查看本文章

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

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

5.禁止八进制表示法

6.不允许对arguments赋值

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

ES5新增数组操作方法 - 位置方法

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

两个参数:要查找的数组项 和 (可选的)表示查找起点位置的索引

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 负数表示从后往前数。

2、lastIndexOf() 方法则从数组的末尾开始向前查找(查找项最后出现的位置)。

var arr = ['zhangsan', 'lisi', 'wangwu', 'ending', 'zhangsan', 'lisi', 'wangwu'];

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

ES5新增数组操作方法 - 迭代方法

两个参数:第一个参数:函数,每一个数组项自定执行这个函数(函数当参数叫回调函数)。此函数会接收三个参数:数组项的值、该项在数组中的位置、数组对象本身;第二个参数:(可选的)运行该函数的作用域对象(改变回调函数里面 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 > 0;
});

console.log(result); //true


//案例:数组的每一项值都是字符串。
function checkstring(arr) {
    return arr.every(function(value) {
        return typeof value === 'string';
    })
}

console.log(checkstring(['hello', 'hi']))  //true
console.log(checkstring(['hello', 'hi', 123]))  //false
console.log(checkstring(['hello', 'hi', true]))  //false

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

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
arr.some(function(value, index, array) {
    console.log(index + ':' + value + '----' + array);
});

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;
    });
}

console.log(has([20, 30, 60, 90], 60));

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

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
arr.filter(function(value, index, array) {
    console.log(index + ':' + value + '----' + array);
});

var result = arr.filter(function(value, index, array) {
    return value > 5;
});
console.log(result); //[6,7,8,9]


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 value * 1.3;
    console.log(value * 1.3);
});

console.log(result); //undefined

ES5新增数组操作方法 - 归并方法

每一次迭代得到的结果会作为下一次迭代的初始值。

两个参数:1、每一项上调用的函数 - 函数有四个参数(前一个的值,当前值,数组项的索引,数组本身);2、作为归并的初始值-可选的。

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

        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);

console.log(result); //155

3.reduceRight() 方法从数组的最后一项开始,向前遍历到第一项。

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var result = arr.reduceRight(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);

console.log(result); //155

猜你喜欢

转载自blog.csdn.net/qq_39264561/article/details/107006965
今日推荐