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()方法从数组的开头开始向后查找
[code]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()方法:数组的末尾开始向前查找。
[code]console.log(arr.lastIndexOf('lisi')); //5 console.log(arr.lastIndexOf('lisi', 1)); //1
数组去重:
[code]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 。
[code]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
案例:
[code]案例:数组的每一项值都是字符串。 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
[code] 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
案例;
[code] 案例:编写函数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 的项组成的数组- 过滤也可做数组去重
[code] 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 - 一一映射
[code] 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]
案例:
[code] 编写函数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循环
[code] 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一个参数:
[code] 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两个参数:
[code] 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
- ES5严格模式和普通模式及ES5新增的数组的API
- ES5中数组新增的方法说明
- 前端学习——ES5新增数组方法(通过价格和名称查询)
- 数组ES5新增遍历迭代的方法及其区别
- es5 新增数组方法
- es5新增数组方法
- ES5中新增的数组方法
- ES5新增方法(数组的方法、trim、Object.keys(obj)等)
- JavaScript高级—包括:构造函数和原型(原型对象prototype和对象原型__proto__)、继承(call()、继承父类的属性和方法)、ES5新增的方法(数组方法、字符串方法、对象方法)
- es5中新增的数组方法
- Javascript ES5简介(严格模式、扩展方法、call apply bind)
- javascript06--数组方法用法以及严格模式
- es5新增的数组方法
- ES5数组新增方法
- Array数组常用方法、ES5扩展方法、ES6新增方法
- es5中js的数组 新增方法总结
- ES5中新增的数组方法forEach()、filter()、some()
- ES6中新增数组方法与ES5之间的区别
- 聊一聊ES5数组(Array)新增的那些方法
- ES5中新增的Array方法