开发者社区> 优惠券发放> 正文

js 中数组的常用方法总结

简介: js 中数组的常用方法总结 arr.fill('a'); //所有子元素 都改为 "a"; [{a: 1},{b: 2}, ...Array(8).fill({}, 0)] //后面八个元素 全部用 {} 代替; [{a: 1},{b: 2}, .
+关注继续查看

js 中数组的常用方法总结

arr.fill('a');
//所有子元素 都改为 "a";
[{a: 1},{b: 2}, ...Array(8).fill({}, 0)]
//后面八个元素 全部用 {} 代替;
[{a: 1},{b: 2}, ...Array(8).fill({}, 0,5)]
//后面5 个元素用{}代替,其他是 undefined

arr.every(item=> item.age>20);
//如果数组中所有元素的age >20 ,返回true,否则返回false;

arr.some(item=> item.age>20);
//如果数组中有一个元素的age >20 ,返回true,否则返回false;

findIndex(),find( ) 和 filter()都是 匹配 item;
区别是 find 只找到第一个就停止, find 返回的是 符合的item
filter 返回所有匹配的item组成的数组;
findIndex 返回的是 item的index;

lastIndexOf() ,indexOf() 和 includes() 都是检查是否存在某个item;

区别是 indexof 无法判断NaN ;includes 可以;

indexof 找不到返回 -1,找到返回index;
includes() 直接返回 true 或 false;
lastIndexOf() 从字符后面开始查找,返回 最后一个匹配的index,找不到 就返回 -1;

pop():删除原数组最后一项,并返回删除元素的值;如果数组为空则返回undefined,改变原数组
shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined,改变原数组
unshift:将参数添加到原数组开头,并返回数组的长度,改变原数组
push:将参数添加到原数组末尾,并返回数组的长度,改变原数组
concat:返回一个新数组,是将参数添加到原数组中构成的,不改变原数组;

splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目,该方法会改变原始数组。
arr.splice(2,0,"a") 在index为2的位置,删除0 个元素,插入 "a";
arr.splice(2,1,"a") 删了index 为2 的元素,替换为 "a";
arr.splice(2,1,"a") 删了index 为2 的元素;
数组的增删改 都可以用splice 完成;

slice(start,end):返回从原数组中指定开始下标到结束下标之间的项组成的新数组,该方法不会改变原始数组。
var arr2 = arr.slice() ; 不传值表示 克隆了 arr2;
除了正常用法,slice 经常用来将 array-like 对象转换为 true array。在一些框架中会经常有这种用法:

Array.prototype.slice.call(arguments);//将参数转换成真正的数组.

reverse:将数组反序
sort((a,b)=>a-b):按指定的参数对数组进行排序 return a-b 升序 b-a 降序

arr.join(';') 方法用于把数组中的所有元素放入一个字符串,;隔开。
str.split(';') 字符串转数组,以‘;’区分;

arr.forEach(item=>{})
遍历数组,它不能停止循环;

reduce()

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
js 对象合并 与数组合并
在 JavaScript 中,对象和数组都是非常常见的数据结构,它们可以用来存储和操作数据。有时候我们需要将两个对象或数组合并在一起,以便更好地进行操作。本文将会介绍如何在 JavaScript 中合并对象和数组。
20 0
扩展JavaScript数组(Array)添加删除元素方法
在JavaScript数组中,有很多不便之处,比如直接使用delete关键字删除数组中的一个元素是会产生空位的。文本为JavaScript数组(Array)扩展添加删除元素方法。
13 0
js数组拓展 交集 并集 差集 去重
js数组拓展 交集 并集 差集 去重
21 0
js array数组json去重
js array数组json去重
22 0
js获取数组中最大值
js获取数组中最大值
16 0
彻底攻略JS数组
在开始本章之前,先给出上一节的答案,参考答案地址: http://www.xiaotublog.com/demo.html?path=homework/03/index2
32 0
JS【数组合并】的性能差异对比
数组合并可以说是我们在操作数组中最常遇到的场景之一! 本篇将简要分析三种数组合并的方法,并带来它们的性能差异分析~
17 0
+关注
优惠券发放
阿里云优惠码阿里云推荐券bieryun.com
文章
问答
视频
文章排行榜
最热
最新
相关电子书
更多
在 IoT 设备进行 JavaScript 开发的探索之路
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
相关实验场景
更多