前端面试之ES6新增了数组中的的哪些方法?!
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了前端面试之ES6新增了数组中的的哪些方法?!,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1707字,纯文字阅读大概需要3分钟。
内容图文
前端面试之ES6新增了数组中的的哪些方法?!
我们先来看看数组中以前有哪些常用的方法吧!
1
新增的方法!
1 forEach() 迭代遍历数组
回调函数中的三个参数
value: 数组中的每一个元素-
index: 每一个数组元素中的索引号!
arr: 数组对象本身
<script>
// ES5中新增的方法
// forEach() 迭代遍历数组
var arr = [2, 3, 5];
var sum = 0;
arr.forEach(function(value, index, arr) {
console.log(‘数组当中的每一个元素‘ + value);
console.log(‘数组当中的每一个元素的索引号!‘ + index);
console.log(‘数组本身‘ + arr);
sum += value;
})
console.log(sum);
</script>
2 map()
map 作用就是为数组中的每一个元素调用一次提供的函数后的返回值!
一个由原数组每个元素执行回调函数的结果组成的新数组。
<script>
var arr5 = [23, 45, 10, 30];
var res4 = arr5.map((value, index, arr5) => {
return value * 100;
});
console.log(res4)
</script>
3 filter() 筛选数组
注意点:他是要返回一个新的数组的!
<script>
// filter 筛选数组
// 注意点:他是要返回一个新的数组的!
var arr2 = [12, 66, 4, 88, 3];
var res = arr2.filter(function (value, index, arr2) {
// 返回数组中元素大于等于20的值
// return value >= 20;
// 返回数组中所有的偶数!
return value % 2 === 0;
})
console.log(res)
</script>
4 some() 查找数组中是否有满足条件的元素
注意点:注意点:它的返回值是一个布尔值 查到 就是true 查不到 就是false
1. filter 也是查找满足条件的元素返回的是一个数组而且是把所有满足条件的元素返回回来
2. some 也是查找满足条件的元素是否存在 返回的是一个布尔值如果查找到第1个满足 条件的元素就终止循环
<script>
var arr3 = [34, 40, 56, 10];
var res2 = arr3.some(function(value, index, arr3) {
return value >= 20;
})
console.log(res2) // true
var arr4 = [‘lvhang‘, ‘lvchengxin‘, ‘dongjingtazi‘];
var res3 = arr4.some(function(value, index, arr4) {
return value == ‘xiaoshigunaing‘;
})
console.log(res3); // false
</script>
5 every()
every 方法测试一个数组内的所有元素是否都能通过某个指定函数的测试。它返回一个布尔值。
<script>
var arr5 = [23, 45, 10, 30];
var res4 = arr5.map((value, index, arr5) => {
return value * 100;
});
console.log(res4)
</script>
原文:https://www.cnblogs.com/lvhanghmm/p/14122279.html
内容总结
以上是互联网集市为您收集整理的前端面试之ES6新增了数组中的的哪些方法?!全部内容,希望文章能够帮你解决前端面试之ES6新增了数组中的的哪些方法?!所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。