es6的数组⽅法和字符串的⽅法es6字符串的⽅法
repeat 重复字符串
var str="abcdef"
peat(3)
console.log(str)
模板字符
var str=`张三今年${age}岁了`
startwith
endswith
var str="abcdef";
// 判断字符a是否在最前⾯
console.log(str.starWith("a"));
// 判断字符a是否在最前⾯,从什么位置开始向后查
console.log(str.startsWith("b",1));
// 判断字符ef是否在最后⾯
console.dsWith("ef"));
// 查的字符最后⼀位
console.dsWith("de",5));
**
es6的数组⽅法
**
forEach
/
/foreach遍历数组,⽆返回值,不改变原数组,仅仅只是遍历,常⽤于注册组件、指令等等。
var arr=[1,2,3,4]
arr.forEach((item,index,arr)=>{
console.log(item)//
})
2.map()
//map遍历数组,返回⼀个新数组,不改变原数组
var arr =[1,2,3,4];
arr.map((item,index,arr)=>{
return item*10;//结果为10,20,30,40
3.filter()
/
/filter过滤掉数组中不满⾜条件的值,返回⼀个新数组,不改变原数组
var arr =[1,2,3,4];
arr.filter((item,index,arr)=>{
return item >2;//结果为[3,4]
});
5.some()
//遍历数组每⼀项,有⼀项返回true,则停⽌遍历,结果返回true。不改变原数组。
var arr =[1,2,3,4];
arr.some((item,index,arr)=>{
return item >2;//返回true
});
6.every()
//遍历数组每⼀项,每⼀项返回true,最终结果为true.有⼀项返回false,停⽌遍历,结果返回为false。不改变原数组。
var arr =[1,2,3,4];
arr.every((item,index,arr)=>{
return item >1;//返回false
});
//reduce让数组的前后两项进⾏某种计算,然后返回其值,并继续计算,不改变原数组,返回计算的最终结果,从数组的第⼆项开始遍历。var arr =[1,2,3,4];
console.log(result);
console.log(item);
console.log(inddx);filter过滤对象数组
return result+item;
});
以上6个⽅法均为ES6语法,IE9及以上才⽀持。不过可以通过babel转意⽀持IE低版本。
以上均不改变原数组。
some、every返回true、false。
map、filter返回⼀个新数组。
reduce让数组的前后两项进⾏某种计算,返回最终操作的结果。
forEach ⽆返回值。
总结
forEach map filter every some
});
//map遍历数组,返回⼀个新数组,不改变原数组
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论