ES5中的新增方法
ES5 中给我们新增了一些方法,可以很方便的操作数组或者字符串,这些方法主要包括:
数组方法
字符串方法
对象方法
1.1 数组方法
迭代(遍历)方法:forEach()、map()、filter()、some()、every();
array.forEach(function(currentValue, index, arr))
让数组中每个元素都执行一次 fn,相当于 for 循环
不会占用全局变量,结合箭头函数贼舒服
currentValue:当前项的值
index:当前项的索引
arr:当前数组对象本身
array.map(function(currentValue, index, arr))
map() 方法会得到一个新数组, 新数组中包含每次函数调用返回的结果
它返回的是一个新数组
array.filter(function(currentValue, index, arr))
filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素,主要用于筛选数组
注意它直接返回一个新数组
currentValue: 当前项的值
index:当前项的索引
arr:当前数组对象本身
array.some(function(currentValue, index, arr))
some() 方法用于检测数组中的元素是否满足指定条件,即查找数组中是否有满足条件的元素。
它的返回值是布尔值,如果查找到这个元素,就返回true , 如果查找不到就返回false。
如果找到第一个满足条件的元素,则终止循环,不再继续查找。
currentValue: 当前项的值
index:当前项的索引
arr:当前数组对象本身
array.every(function(currentValue, index, arr))
every() 方法检测数组中的所有元素是否满足指定条件。
所有的元素都返回true,结果才是true
1.2 字符串方法
trim() 方法会从一个字符串的两端删除空白字符。
str.trim()
trim() 方法并不影响原字符串本身,它返回的是一个新的字符串。
1.3 对象方法
Object.keys() 用于获取对象自身所有的属性
Object.keys(obj)
效果类似 for…in
返回一个由属性名组成的数组
Object.defineProperty() 定义对象中新属性或修改原有的属性。
Object.defineProperty(obj, prop, descriptor)
obj:必需。目标对象
prop:必需。需定义或修改的属性的名字
descriptor:必需。目标属性所拥有的特性,以对象形式 { } 书写
value: 设置属性的值 默认为undefined
writable: 值是否可以重写。true | false 默认为false
enumerable: 目标属性是否可以被枚举。true | false 默认为 false
configurable: 目标属性是否可以被删除或是否可以再次修改特性 true | false 默认为false
ES6的新增语法
1. let
ES6中新增的用于声明变量的关键字。
let声明的变量只在所处于的块级有效。
if (true) {
let a= 10;
}
console.log(a)//a is not defined
注意:使用 var 声明的变量不具备块级作用域特性,使用 let 关键字声明的变量具有块级作用域,可以防止循环变量变成全局变量。
不存在变量提升
console.log(a); //a is not defined
let a = 20;
暂时性死区
var num = 10;if(true) {
console.log(num);//num is not defined
let num = 20;
}//在if的{}中不会向上一级查找num,因为在这个块级作用域中用了let关键字声明了num,变量num就和{}这个块级进行了整体绑定,所以在声明之前使用它会报错
经典面试题
//题1
var arr =[];for(var i = 0; i < 2; i++) {
arr[i]= function() {
console.log(i);
}
}
arr[0](); //2
arr[1](); //2//解析:变量 i 是全局的,函数执行时输出的都是全局作用域下的 i 值。
//题2
let arr =[];for(let i = 0; i < 2; i++) {
arr[i]= function() {
console.log(i);
}
}
arr[0](); //0
arr[1](); //1//解析:每次循环都会产生一个块级作用域,每个块级作用域中的变量都是不同的,函数执行时输出的是自己上一级(循环产生的块级作用域)作用域下的值。
2. const
const 用于声明常量,常量就是值(内存地址)不能变化的量。
具有块级作用域
if (true) {
const a= 10;
}
console.log(a)//a is not defined
声明常量时必须赋值
const PI; //Missing initializer in const declaration
常量赋值后,值不能修改。
const PI = 3.14;
PI= 100; //Assignment to constant variable.
const ary = [100, 200];
ary[0] = 'a';