前端面试之ES6新增了数组中的的哪些方法?!
前端面试之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>
前端面试之ES6新增了数组中的的哪些方法?!的更多相关文章
- 前端面试之ES6中的继承!
前端面试之ES6中的继承! ES6之前并没有给我们提供 extends继承.我们可以通过构造函数+原型对象模拟实现继承,被称为组合继承. 1 call() 两个作用: 1 调用这个函数! 2 修改函数 ...
- PHP从数组中删除元素的方法
PHP从数组中删除元素的方法 本篇文章主要介绍了PHP从数组中删除元素的四种方法实例 删除一个元素,且保持原有索引不变 使用 unset 函数,示例如下: 1 2 3 4 5 <?php $ ...
- PHP实现查询两个数组中不同元素的方法
以下实例讲述了PHP实现查询两个数组中不同元素的方法.分享给大家供大家参考,具体如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 ...
- es6新增的数组方法和对象
es6新增的遍历数组的方法,后面都会用这个方法来遍历数组,或者对象,还有set,map let arr=[1,2,3,4,3,2,1,2]; 遍历数组最简洁直接的方法法 for (let value ...
- ES6新增的数组方法
ES6新增:(IE9级以上支持) 1.forEach():遍历数组,无返回值,不改变原数组. 2.map():遍历数组,返回一个新数组,不改变原数组. 3.filter():过滤掉数组中不满足条件的值 ...
- 前端面试手写代码——JS数组去重
目录 1 测试用例 2 JS 数组去重4大类型 2.1 元素比较型 2.1.1 双层 for 循环逐一比较(es5常用) 2.1.2 排序相邻比较 2.2 查找元素位置型 2.2.1 indexOf ...
- es6新增的数组遍历方式
1.some方法 1)some() 方法测试是否至少有一个元素通过由提供的函数实现的测试. 2)参数列表: arr.some(callback(element[, index[, array]])[, ...
- ES6 新增的数组的方法
给定一个数组 let list = [ // wu: 武力 zhi:智力 { id: 1, name: '张飞', wu: 97, zhi: 10 }, { id: 2, name: '诸葛亮', w ...
- 前端算法题:找出数组中第k大的数字出现多少次
题目:给定一个一维数组,如[1,2,4,4,3,5],找出数组中第k大的数字出现多少次. 例如:第2大的数是4,出现2次,最后输出 4,2 function getNum(arr, k){ // 数组 ...
随机推荐
- Mysql联合索引的最左前缀原则以及b+tree
软件版本mysql5.7 根据官网的文档 https://dev.mysql.com/doc/refman/5.7/en/multiple-column-indexes.html 查询条件要符合最左原 ...
- OSPF --- 不规则区域实验
OSPF不规则区域实验: 一.知识点整理: OSPF中路由器的角色(看图): 骨干路由器:路由器所有接口属于area 0 -->R3 非骨干路由器:路由器所有接口属于非area 0 --&g ...
- 面向切面@Aspect
package com.imooc.demo.filter; import org.springframework.core.Ordered; import org.springframework.c ...
- 我的 2020:出书、办签售会、发展 VS Code 中文社区、成为开源先锋、全网 10 万粉丝、10 场演讲、内推 21 人、955.WLB 发扬光大
感觉写 2019 年终总结还是在不久之前.转眼间,2020 已经接近尾声了.是时候来写写 2020 年的年终总结了. 出书 今年最高兴的事情之一,就是出了全球首本 VS Code 中文书 -- < ...
- AOP的姿势之 简化 MemoryCache 使用方式
0. 前言 之前写了几篇文章介绍了一些AOP的知识, 但是还没有亮出来AOP的姿势, 也许姿势漂亮一点, 大家会对AOP有点兴趣 内容大致会分为如下几篇:(毕竟人懒,一下子写完太累了,没有动力) AO ...
- Qt学习笔记-嵌入式qt程序支持显示中文
移植后得qt程序在开发板上运行时无法显示中文. 拷贝windows中的字体也不行. 从网上找到方法. 添加以下代码:需要头文件 #include <QTextCodec> QTextCo ...
- Media Queries媒体查询
Media Queries能在不同的条件下使用不同的样式,使页面在不同在终端设备下达到不同的页面效果.Media Queries有其自己的使用规则.一个媒体查询由一个可选的媒体类型和媒体特性表达式,使 ...
- Thread.join详解
/** * 如果某个线程在另一个线程t上调用t.join:那么此线程将被挂起,直到目标t线程的结束才恢复即t.isAlive返回为假 * * @date:2018年6月27日 * @author:zh ...
- 关于BackTop按钮的实现
今天在处理,首页面的制作的时候,在实现backtop按键的时候,有些思路,作为记录. 功能为,点击backtop即可,立马跳到首页的最上面,且backtop只有在页面后1/2处才显示出来. 首先,我们 ...
- 安装cmake过程g++: 错误:unrecognized command line option ‘-std=gnu++14’
问题根因 这个错误一般是gcc/g++版本太低导致的 疑问 我本地明明安装的是高版本的gcc/g++为何说是低版本的呢,有图为证: 这主要是因为你安装了多个版本的gcc/g++,但是默认(/usr/b ...