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()

相关文章
|
14天前
|
JavaScript 前端开发
JavaScript遍历数组和对象常用方法总结
以上代码展示了数组和对象的多种遍历方法。对于数组,使用了传统的 `for` 循环、`for...in` 和 ES6 的 `for...of` 进行遍历;对于对象,则通过 `for...in`、`Object.keys()`、`Object.values()` 和 `Object.entries()` 来获取键值对。`for...of` 循环适用于遍历具有迭代协议的数据结构,如数组、字符串等,而对象遍历则更多地依赖于 `Object` 方法来获取其属性集合。
JavaScript遍历数组和对象常用方法总结
|
20天前
|
前端开发 JavaScript 开发者
【前端开发者的福音】彻底改变你编码习惯的神奇数组迭代技巧——从基础到进阶,解锁 JavaScript 数组迭代的N种姿势!
【8月更文挑战第23天】在Web前端开发中,数组是JavaScript中最常用的数据结构之一,掌握高效的数组迭代方法至关重要。本文详细介绍了多种数组迭代技巧:从基础的`for`循环到ES6的`for...of`循环,再到高阶方法如`forEach`、`map`、`filter`、`reduce`及`some`/`every`等。这些方法不仅能提高代码的可读性和维护性,还能有效优化程序性能。通过具体的示例代码,帮助开发者更好地理解和运用这些迭代技术。
24 0
|
9天前
|
JavaScript 前端开发
JavaScript基础知识-数组的遍历
关于JavaScript数组遍历基础知识的文章。
21 2
JavaScript基础知识-数组的遍历
|
10天前
|
JavaScript 前端开发
JavaScript基础知识-方法
文章通过示例代码讲解了JavaScript中如何给对象添加方法以及如何调用这些方法。
13 2
JavaScript基础知识-方法
|
9天前
|
JavaScript 前端开发
JavaScript基础知识-数组的练习
关于JavaScript基础知识中数组操作的练习,主要介绍了如何从一个包含Person对象的数组中过滤出成年人(年龄达到18岁及以上)并将他们放入一个新的数组中。
19 1
JavaScript基础知识-数组的练习
|
9天前
|
JavaScript 前端开发
JavaScript基础知识-数组的常用方法
关于JavaScript基础知识-数组的常用方法。
10 1
JavaScript基础知识-数组的常用方法
|
9天前
|
JavaScript 前端开发 索引
JavaScript基础知识-数组基于索引访问
关于JavaScript数组基于索引访问的基础知识介绍。
11 1
JavaScript基础知识-数组基于索引访问
|
9天前
|
JavaScript 前端开发
JavaScript基础知识-数组的定义方式
本文介绍了JavaScript中数组的多种定义方式。
9 1
JavaScript基础知识-数组的定义方式
|
14天前
|
JavaScript 算法 前端开发
JS算法必备之String常用操作方法
这篇文章详细介绍了JavaScript中字符串的基本操作,包括创建字符串、访问特定字符、字符串的拼接、位置查找、大小写转换、模式匹配、以及字符串的迭代和格式化等方法。
JS算法必备之String常用操作方法
|
14天前
|
JavaScript 算法 前端开发
JS算法必备之Array常用操作方法
这篇文章详细介绍了JavaScript中数组的创建、检测、转换、排序、操作方法以及迭代方法等,提供了数组操作的全面指南。
JS算法必备之Array常用操作方法