ES5严格模式的目的
1.消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为
2.为未来新版本的Javascript做好铺垫
3.消除代码运行的一些不安全之处,保证代码运行的安全
4.提高编译器效率,增加运行速度
ES5严格模式的标记 - "use strict"
将"use strict"放在脚本文件的第一行,则整个脚本都将以"严格模式"运行
将"use strict"放在函数体的第一行,则整个函数以"严格模式"运行。
ES5严格模式的语法和行为改变
1.变量显式声明:一定加var,否则报错的
2.禁止使用with语句
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