JS-Array-新增方法
1. filter( )
var arr = [5,4,3,2,1];
newarr = arr.filter((item)=>{ return item<3 }) ; // => [2,1]
2. every( ) 和 some( )
var arr = [5,4,3,2,1];
newarr = arr.every((item)=>{ return item<10 }) ; // => true
3.reduce( ) 和 reduceRight( )
功能:是指定的函数将数组元素进行组合,生成单个值。
ES6:-----------------------------------
1. Array.from( )
功能:将两类对象转成真正的数组。
let arr = { '0' : 'a', '1' : 'b', '2' : 'c', length : 3}
let arr2 = Array.from( arr ); // => ['a', 'b', 'c']
2.Array.of( )
功能:将一组值转换成数组。
Array.of( 2, 11, 3 ) // => [2, 11, 3]
Array.of( 3 ) // => [ 3 ]
3. copyWithin( )
功能:复制数组元素替换,改变原数组
[1, 2, 3, 4, 5].copyWithin( 0, 3 ) // => [ 4, 5, 3, 4, 5]
4.find( ) 和 findindex( )
功能:找到第一个符合条件的元素或位置
[1, 5, 10, 15].find(( value, index, arr )=>{ return value > 9}; // =>10
[1, 5, 10, 15].findindex(( value, index, arr )=>{ return value > 9}; // =>3
5. fill( )
功能:填充数组,参数:第一个为要填充的值,第二个和第三为填充的开始位置和结束位置(选)
['a', 'b', 'c'].fill( 7, 1, 2 ); // => ['a', 7, 'c']
6. entries( ) keys( ) values( )
功能:利用for...of循环进行遍历,分别对键和值遍历
1.) for( let index of [ 'a', 'b' ].keys( ) ) { console.log( index ) }; // =>0 1
2.) for( let elem of [ 'a', 'b' ].values( ) ) { console.log( elem ) }; // =>'a' 'b'
3.) for( let [ index, elem ] of [ 'a', 'b' ].entries( ) ) { console.log( index ) }; // =>0 'a' 1 'b'
7. includes( )
功能:表示某个数组是否包含给的的值,indexOf( ) 进行了运算符的强对比,会出现NaN
[1, 2, 3].includes( 2 ); //=> true
[1,2,3].includes(4); //=>false
[1,2,NaN].includes(NaN); //=>true
JS-Array-新增方法的更多相关文章
- JS中map、forEach、filter、reduce等Array新增方法的区别
数组在各个编程语言中的重要性不言而喻,但是在之前的JavaScript中数组虽然功能已经很强大,但操作方法并不完善,在ECMAScript5中做了适当的补充. Array.isArray(elemen ...
- ECMAScript5 Array新增方法
数组在各个编程语言中的重要性不言而喻,但是在之前的JavaScript中数组(JavaScript 数组详解)虽然功能已经很强大,但操作方法并不完善,在ECMAScript5中做了适当的补充. Arr ...
- JS Array.filter()方法
1.filter()接收的函数可以有多个参数.通常我们只使用第一个参数,第二参数和第三个参数表示元素的位置和数组本身: //去重 var arr = ["1", "2&q ...
- js Array 数组方法扩展
//去重复 Array.prototype.unique = function() { this.sort(); var re=[this[0]]; for(var i ...
- 兼容低版本JS的Array.map方法
前几天去别的公司面试遇到个这样的问题,兼容IE7下的Array.map方法,一脸蒙蔽.后面回来查了下资料发现.Array.map方法是ECMA-262 标准中新添加的方法,在低版本的JS中是木有的. ...
- js Array 方法总结
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- js array filter pop push shift unshift方法
JavaScript Array filter() 方法 JavaScript Array 对象 实例 返回数组 ages 中所有元素都大于 18 的元素: var ages = [32, 33, ...
- JS数组中Array.of()方法的使用
Array.of()方法的使用: Array.of()方法用于将一组数值转换为数组,举例: const a = Array.of(2,4,6,8); console.log(a); // [2,4,6 ...
- 前端Js跨域方法汇总—剪不断,理还乱,是跨域
1.通过jsonp跨域2.通过修改document.domain来跨子域(iframe)3.隐藏的iframe+window.name跨域4.iframe+跨文档消息传递(XDM)5.跨域资源共享 C ...
- js Array数组的使用
js Array数组的使用 Array是javascript中的一个事先定义好的对象(也可以称作一个类),可以直接使用 创建Array对象 var array=new Array(): 创建指定元 ...
随机推荐
- 配置ssh免密登录遇到的问题——使用VMware多虚拟机搭建Hadoop集群
搭建环境: 虚拟机 VMware12Pro 操作系统 centos6.8 hadoop 1.2.1 1.导入镜像文件,添加java环境 1.查看当前系统中安装的java,ls ...
- 十分钟一起学会Inception网络
作者 | 荔枝boy 编辑 | 安可 一.Inception网络简介 二.Inception网络模块 三.Inception网络降低参数计算量 四.Inception网络减缓梯度消失现象 五.Ince ...
- 震惊!程序员的福音!不需要敲代码就能完成复杂的逻辑应用? —— Azure Logic App
(大家看完标题可能以为是营销号,哈哈哈哈哈哈哈哈哈...客官请留步, 正经博主....好吧) 今天我们的主题是Azure Logic Apps Azure Logic Apps 是什么? 官方解释:h ...
- CDN 内容分发
1,传统架构访问服务器资源: www.aiyuesheng.com/page/logo.png 这是部署在服务器上的一张图片,因为服务器部署在上海,所以在上海或周边的人访问要稍微快一点,但是,若是云南 ...
- Python python 五种数据类型--字符串
# python 字符串的初始化 var1 = 'hello,world' # python 字符串为不可变类型 var2= var1* 2 print(var1) #hello,world prin ...
- SSH免密配置
1. 在三个节点生成秘钥cd ~/.sshssh-keygen -t rsa 2.合并三个节点的密码cat id_rsa.pub >> authorized_keysssh postgre ...
- Python第十二章-多进程和多线程02-多线程
接上一章,进程和线程之间可以存在哪些形式呢? 1 单进程单线程:一个人在一个桌子上吃菜. 2 单进程多线程:多个人在同一个桌子上一起吃菜. 3 多进程单线程:多个人每个人在自己的桌子上吃菜. 多线程的 ...
- qt creator源码全方面分析(3-8)
目录 项目文件工作流程 多层目录模式 依赖解析模式 包含,链接和输出 包含 链接 输出 构建目录架构 项目文件工作流程 我们在前面已经讨论了所有的项目文件, qtcreator.pro qtcreat ...
- CSS3+CSS+HTML实现网页
效果图: 代码实现: 样式部分style.css: *{ margin:; padding:; } body{ background-color: #673929; font-size: 16px; ...
- 基于华为云IoT Studio自助生成10万行代码的奥秘
华为IoT小助手们搬好板凳.备好笔记本.听了HDC.Cloud的几场华为云技术架构师的直播讲课,感觉获益匪浅却又似懂非懂,直后悔自己没有好好打下基础.为了避免再次出现这样的情况,小助手偷偷跑去找了华为 ...