es6新增方法---实用
字符串相关:
1、模板字符串:
第一个用途,基本的字符串格式化。将表达式嵌入字符串中进行拼接。用${}来界定
let name = "小明";
let age = 20;
console.log(`你好,${name},你今年是${age},岁吗?`)
第二个用途,在ES5时我们通过反斜杠(\)来做多行字符串或者字符串一行行拼接。ES6反引号(``)直接搞定。
2、字符串的几个方法:
srt.includes() 判断是否包含某个值,返回值为布尔值
str.repeat() 字符串重复几次,()里的值为次数
str.startsWith() 判断字符串是否以()里的值开始,返回值为布尔值
str.endsWith() 判断字符串是否以()的值结束,返回值为布尔值
数组相关:
1、map()
[ ].map(function(item, index, array){
return item * 10;
})
对数组中的每一项执行一次回调函数,参数依次为:数组中的每一项、每一项的下标、原数组。map方法会改变原数组。
2.filter()
[ ].filter(function(item, index, array){
return item >= 1;
})
对数组中的每一项执行一次回调函数,参数依次为:数组中的每一项、每一项的下标、原数组。filter方法会新建一个数组,不会改变原数组
3.some()
var result = [ ].some(function(item, index, array) {
return (item >= 2)
})
判断数组中是否有大于等于2的项,只要有一个满足条件即返回true
4.every()
var result = [ ].some(function(item, index, array) {
return (item >= 2)
})
判断数组中的每一项是否大于等于2,只要有一个不满足条件即返回false
5.lastIndexOf()
var index = [2,1,3,5,2 ].lastIndexOf('2'); //index=4
返回给定项在数组中最后一次出现的位置
6.reduce()
var sum = [ 2,9,2,4].reduce(function(result, current, index, array) {
return result + current; //sum=17
})
对数组元素按照给定的规则累积运算,result为每次得到的结果,current为当前值
7.of()
Array.of(3,7,8) //输出[3,7,8]
8.from() 将类数组转化为数组
常用去重 Array.from(new Set([2,2,3,6])) //输出[2,3,6]
9.fill()
[2,2,2].fill(11, 1) //输出[2,11,11]
第一个参数为填充的字符,第二个参数为起始填充下标
10.find() 用于找出第一个符合条件的数组成员,没有符合条件的成员则返回undefined
["a","2","b"].find((item)=> item == "2")
接收一个回调函数,数组的每一项都会执行该回调,参数依次为当前项、当前项下标、原数组