es6删除数组某一项_js中数组常用方法总结

最新推荐文章于 2024-08-16 22:36:01 发布
最新推荐文章于 2024-08-16 22:36:01 发布
阅读量1.3k 收藏 5
点赞数 1
文章标签： es6删除数组某一项 js 数组 改变长度

对于JS中的数组(Array)我们经常使用，今天总结了一下常见的Array方法。

1. length

数组长度

let arr = ['a', 'b', 'c', 'd'];

console.log(arr.length);

a4a5dcea1f06a6ab2c36c04450df959b.png

2. join()

以指定的字符将数组连接起来，变成字符串

通常和String中的split连用，splint 是以指定字符分割成数组

参数：指定的字符, 如果未传参则是以逗号(,)分割

let arr = ['a', 'b', 'c', 'd'];

console.log(arr.join('1'));

console.log(arr.join());

console.log(arr.join(''));

3928bdb22fd6c73d4a7b2e437a3f083f.png

3. slice()

按传入的下标截取数组

参数1：开始截取的位置即下标

参数2：可选 若不传则默认截取到末尾。若传入则截取到该下标的前一位，不包括当前下标的一位。

返回值：返回按指定下标截取后的数组(前包后不包)，不会影响原数组 (若想删除一个数组中的某几项则用splice())

若传入负数则从数组的末尾往前数

let arr = ['a', 'b', 'c', 'd', 'e', 'f'];

console.log(arr);

console.log(arr.slice(1, 3));

console.log(arr.slice(1));

console.log(arr.slice(-3));

console.log(arr.slice(-3, -1));

1e5d509c75ddece509e9f94817beccdc.png

4. splice() 删除或添加数组

参数1：开始删除的位置即下标

参数2：可选 删除元素个数长度。若不传则默认删除到最后

参数3,4,5...: 添加的项数

返回值：返回删除后的数组，会改变原数组

let arr = ['a', 'b', 'c', 'd', 'e', 'f'];

console.log(arr);

console.log(arr.splice(2, 3));

console.log(arr);

let arr1 = ['a', 'b', 'c', 'd', 'e', 'f'];

console.log(arr1);

console.log(arr1.splice(2, 2, 'xx', 'aa'));

console.log(arr1);

b9f857efccadfbba1657b8fe28ce3b30.png

5. pop()和push()

pop() 移除数组的最后一项

返回值：返回删除的项，会改变数组长度

push() 向一个数组后面添加项数

返回值：返回添加后的数组长度， 会改变原来数组

let arr = ['a', 'b', 'c'];

console.log(arr);

console.log(arr.pop());

console.log(arr);

let arr1 = ['a', 'b', 'c'];

console.log(arr1);

console.log(arr1.push('z'));

console.log(arr1);

ab37baae6adb7d1c363d100333159384.png

6. shift()和unshift()

shift() 删除数组中的第一项

返回值：返回删除的项 会改变原数组

unshift() 向数组的最前面添加项

返回值：返回新的数组长度， 会改变原数组

let arr = ['a', 'b'];

console.log(arr);

console.log(arr.shift());

console.log(arr);

let arr1 = ['a', 'b'];

console.log(arr1);

console.log(arr1.unshift('x', 'z'));

console.log(arr1);

3f624942535f4c20acf4f70975135aca.png

7. sort()

排序从小到大

返回值: 返回新数组 会改变原数组

let arr = [1, 3, 5, 3, 2, 4];

console.log(arr);

console.log(arr.sort());

console.log(arr);

9898e14298e9dca50771043a715d8fb2.png

8. reverse()

数组反转

返回值：返回新数组，会改变原数组

let arr = [1, 3, 5, 3, 2, 4];

console.log(arr);

console.log(arr.reverse());

console.log(arr);

d6e27ea55bb751f25fc0d37051e0784d.png

9. concat()

两个数组连接

返回值：返回新数组，不会改变原数组

let arr = ['a', 'b'];

let arr1 = ['x', 'z'];

console.log(arr.concat(arr1));

console.log(arr);

console.log(arr1);

c310f53634ea2667189ea72270a93758.png

10. indexOf()和lastIndexOf()

查找一个数组(从首位开始查询)中是否存在某个值，若存在返回当前的下标(只能匹配第一次出现)，否则返回-1

参数1：要查找的某个值

参数2：可选 传入指定的下标，指定从哪个位置开始查询

lastIndexOf() 查找一个数组(从末尾开始倒着查询)中是否存在某个值(最后出现的值)，若存在返回当前的下标(只能匹配第一次出现)，否则返回-1

参数1：要查找的某个值

参数2：可选 传入指定的下标，指定从哪个位置之前查询

let arr = ['a', 'b', 'c', 'd', 'b', 'e'];

console.log(arr);

console.log(arr.indexOf('b'));

console.log(arr.indexOf('f'));

console.log(arr.indexOf('d', 2));

let arr1 = ['a', 'b', 'c', 'd', 'b', 'e'];

console.log(arr1);

console.log(arr1.lastIndexOf('b'));

console.log(arr1.lastIndexOf('f'));

console.log(arr1.lastIndexOf('d', 3)); // 这里就是从数组['a', 'b', 'c', 'd'] 查询是否有'd'

c8a1e70c3f90b1ff69ab522ff563c533.png

11. every()

检测数组的每一项是否都符合条件，符合返回true，若有一项不符合则停止检测返回false

参数：函数，有三个参数分别为，当前的项，当前项的下标，检测的数组

注意：不用改变原数组

let arr = [1, 2, 3, 4, 5];

let arr1 = arr.every((item, x, y) => {

console.log(item, x, y)

return item >= 1

})

console.log(arr1);

66e557853c65b47719634d55cc8f2437.png

12. some()

检测数组中是否存在符合指定的条件，若有符合条件的则停止检测返回true，否则false

参数：函数， 有三个参数分别为，当前的项，当前项的下标，检测的数组

注意：不用改变原数组

let arr = [1, 2, 3, 4, 5];

let arr2 = arr.some((x, y, z) => {

console.log(x, y, z);

return x > 2

})

console.log(arr2);

42e8bf5269b13e1aa973e5dab74c110b.png

13. filter()

过滤

检测数组，返回符合条件的内容， 没有符合的则返回空数组

参数：函数， 有三个参数分别为，当前的项，当前项的下标，检测的数组

注意：不用改变原数组

let arr = [1, 2, 3, 4, 5];

let arr1 = arr.filter((x, y, z) => {

console.log(x, y, z);

return x > 2

})

console.log(arr1);

30460e3f7b0fa18baa3254ef89d47ce3.png

14. map()

映射

Array.map((item, index) => {})

返回一个新的数组, 新数组中的元素是原数组调用函数后处理过的值

let arr = [1, 2, 3, 4, 5];

let arr1 = arr.map((item, index) => {

return item * index

})

console.log(arr1);

f1fe73b6f0ac6c6126c4c990b6dcbf0c.png

ES6 新增

15. includes()

检测数组是否存在某个值，存在为true，否则为false

参数1：传入的指定值

参数2：可选，表示搜索的起始位置，默认为0。若为负数，则从数组倒着查询

注意：

  1. 如果传入的值为整数，其长度大于数组长度则返回false

  2. 如果传入的值为负数，其长度大于数组长度则重置从0开始查询

let arr = ['x', 'b', 'a', 'c', 'd', 'e'];

console.log(arr.includes('b'));

console.log(arr.includes('z'));

console.log(arr.includes('a', 1));

console.log(arr.includes('a', 3));

console.log(arr.includes('e', -2)); // 这里其实是从['d', 'e']中查询值'e'是否存在

console.log(arr.includes('e', 10));

2e0b18f6acbcdb9286da18e40ad706e9.png

16. Array.of()

将一组值转为数组

如果没有传入参数则返回一个空数组[]

其实Array.of()可以代替Array()和new Array() 去创建和声明一个新数组

console.log(Array.of());

console.log(Array.of('a'));

console.log(Array.of(1, 'a', 3, 'ab'));

console.log(Array.of(1, [1, 'a'], 3, 'ab'));

console.log(Array.of(1, 2, 3, 4, 5));

bc0265cc7084fec661033eebde260ca3.png

17. fill()

使用定值去填充一个数组，数组中的元素会被全部抹除

fill() 还会接受参数二和参数三，可以指定填充的起始位置和结束位置(前包后不包)

let arr = ['a', 'b', 'c'];

console.log(arr.fill(1));

let arr1 = ['a', 'b', 'c', 'd', 'e'];

console.log(arr1.fill(2, 2, 4));

80b34aef33440333c10d1f52ab149082.png

18. copyWithin()

将数组中指定的成员项，复制到其他位置(会覆盖原来的成员)，返回新数组会改变原数组。

参数1：指定从那个位置开始替换数据

参数2：可选，默认从0开始复制。若传入则从指定位置为复制的数据，若为负数则从尾部数

参数3：可选，默认复制到最后。若传入则从指定位置结果复制的数据，若为负数则从尾部数

注意：改变原数组的方法有splice()和copyWithin()

let arr = [1, 2, 3, 4, 5, 6];

let arr1 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

let arr2 = [1, 2, 3, 4, 5, 6, 7, 8];

let arr3 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

let arr4 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

let arr5 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];

console.log(arr.copyWithin(4));

console.log(arr);

console.log(arr1.copyWithin(2));

console.log(arr1);

console.log(arr2.copyWithin(3, 4));

console.log(arr3.copyWithin(3, 4, 6));

console.log(arr5.copyWithin(3, -7, -5));

617120e6d464baa24bf1b2a4dc465b80.png

19. find()和findIndex()

find() 用来找出第一个符合条件的成员

参数是一个回调函数，依次查询每一项，直到查询到第一个符合条件的成员，并返回该项的值，若不存在则返回undefined

findIndex()

返回的是符合条件的位置，而find()是返回符合条件的项，如果所有成员都不满足则返回-1

注意：

  1. every() 查询每一项，如果每一项都符合条件就返回true，如果有一项不符合就停止，返回false

  2. some() 查询每一项，只要有一项符合条件就返回true，停止查询，否则返回false

let arr = [1, 2, 3, 4, 5, 6];

let arr1 = arr.find((item, index, arr) => {

console.log(item, index, arr)

return item > 3

})

console.log(arr1);

let arr2 = [1, 2, 3, 1, 3, 5, 4, 5, 6];

let arr3 = arr2.findIndex((item, index, arr) => {

return item > 3

})

console.log(arr3);

f08038c1f6b726a761bbe5a1934178dc.png

20. entries(), keys()和values

keys() 键名遍历

values() 键值遍历

entries() 键值对的遍历

let arr = ['a', 'b', 'c', 'd', 'e'];

for(let i of arr.values()){

console.log(i)

}

for(let i of arr.keys()){

console.log(i)

}

for(let i of arr.entries()){

console.log(i)

}

for(let i of arr){

console.log(i)

}

fe3617329b2b71c1b8132c1c785c6414.png

weixin_39713833
关注
es6 数组找最大值_javascript - 查找对象数组中属性的最大值
weixin_33539366的博客
12-29 1839
javascript - 查找对象数组中属性的最大值我正在寻找一种非常快速，干净和有效的方法来获取以下JSON切片中的最大“y”值：[{"x":"8/11/2009","y":0.026572007},{"x":"8/12/2009","y":0.025057454},{"x":"8/13/2009","y":0.024530916},{"x":"8/14/2009","y":0.0310044...
Js删除数组中某一项或几项的几种方法(推荐)
12-11
1、js中的splice方法 splice(index,len,[item])    注释：该方法会改变原始数组。 splice有3个参数，它也可以用来替换/删除/添加数组内某一个或者几个值 index:数组开始下标        len: 替换/删除的长度       item:替换的值，删除操作的话 item为空 如：arr = [‘a’,’b’,’c’,’d’] 删除 —-  item不设置 arr.splice(1,1)   //[‘a’,’c’,’d’]         删除起始下标为1，长度为1的一个值，len设置的1，如果为0，则数组不变 arr.splice(1,2)  //[
es6中如何删除数组中指定下标的值或者对象
想象中
05-05 4135
1、js中的splice方法 splice(index,len,[item]) 注释：该方法会改变原始数组。 splice有3个参数，它也可以用来替换/删除/添加数组内某一个或者几个值 index:数组开始下标len: 替换/删除的长度 item:替换的值，删除操作的话 item为空 如：arr = [‘a‘,‘b‘,‘c‘,‘d‘] 删除 ---- item不设置 arr.splice(1,1) //[‘a‘,‘c‘,‘d‘]删除起始下...
JS 删除数组元素（ 5种方法 ）
最新发布
m0_70547044的博客
08-16 793
语法注意事项pop()方法会直接修改原数组，减少数组长度。它返回被删除的最后一个元素。代码示例// 输出: 3// 输出: [1, 2]splice()适合删除任意位置的元素，且可以一次删除多个。pop()和shift()分别用于删除末尾和头部的单个元素。使用delete操作符会导致数组中出现undefined值，而非真正缩小数组大小。调整length属性可快速截断数组，但请确保了解其对数组影响的特殊性。
删除数组某一项
al877的博客
11-14 1461
删除数组某一项
删除数组中的某一项元素
努力变好
11-21 304
数组中有三个这样的对象，每个对象中又有一个数组，我们要把这个数组删掉。
es6删除数组某一项_js数组去重的三种方法
weixin_39957265的博客
11-20 99
一、理解根据当前数组产生一个去除重复元素后的新数组如: [6,9,8,7,2,5,6,5,4,5,6,4,5] ==> [6,9,8,7,2,5,4]二、实现代码1. forEach()和indexOf() 说明: 本质是双重遍历, 效率差些/* 2. 利用forEach() + 对象容器 说明: 只需一重遍历, 效率高些/* 3. 利用ES6语法 说明: 编码简洁// 1. ... + ...
javascript 删除数组中某一项
weixin_44249754的博客
03-03 1459
定义一个数组arr： var arr = new Array(3); arr[0] = 'a'; arr[1] = 'b'; arr[2] = 'c'; console.log(arr.length)； //输出3 删除数组中第一项 shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。 var fObject = arr.shift(); console.log(f...
es6删除数组某项_超级详细的 js数组方法详解
05-26
在ES6中，可以使用 `Array.prototype.filter()` 方法来删除数组中的某一项。这个方法会返回一个新的数组，这个新数组中不包含被删除的项。 下面是一个示例代码： ```javascript const arr = [1, 2, 3, 4, 5]; ...
ES6常用数组操作方法，谁用谁知道
Elven_77的博客
04-23 1858
ES6常用的数组方法，谁用谁知道
js删除数组的某一项
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
05-27 265
//删除起始下标为1，长度为1的一个值(length设置1，如果为0，则数组不变) var arr = ['a','b','c','d']; arr.splice(1,1); console.log(arr); //['a','c','d']; //删除起始下标为1，长度为2的一个值(length设置2) var arr2 = ['a','b','c','d'] arr2.splice(1,2); console.log(arr2); //['a','d'] ............
删除数组的一条数据
程序媛的博客
03-15 2594
1、纯数组 var arr = [ '111' , '222' , '333' , ' 444' , '555' ]2、删除对象数组里面的，一条符合要求的数据。对比两个数组，删除相同的。
数组删除某个元素
热门推荐
Hermitks_k
02-07 2万+
一，清空数组 var ary = [1,2,3,4]; ary.splice(0,ary.length);//清空数组 console.log(ary); // 输出 []，空数组 二，删除数组元素 var ary = [1,2,3,4]; ary.splice(0,1); 或 ary.splice($.inArray(2, ary), 1); 其中$.inArray(2, ary)用来查找某元素在数组中的索引位置。 三，js 删除数组几种方法 var arr=['a','b','c']
根据数组某一项的某个键，删除数组的这一项
Alonge的博客
10-09 2391
例：要删除数组 arr  = [{id:1,name:Jim},{id:2,name:Tom},{id:3,name:LiLei},]，中id=2的项， 首先定义一个方法： removeByVal: function(array, val) { for(var i = 0; i if(array[i].id == val) { array.splice(i, 1); break;
如何删除数组中的某个元素？
2301_76197086的博客
10-28 2455
删除数组中的某个元素大致有两种思路：元素前移、快慢指针。
如何删除数组中指定的某一项或几项
krico233的博客
04-22 1万+
var arr1 = [ {a: "111", b:"222"}, {c:"333", d:"444"}, {e:"555", f: "666"}, {g: "777", h:"888"}, {i:"999", j:"000"}, {k:"111", l: "222"} ] var arr2 = [ {a: "111", b:"222"}, {i:"999", j:"000"} ]...
如何从数组中删除特定项目？
kalman2019的博客
12-06 8221
如何从数组中删除特定值？就像是：我必须使用核心 JavaScript。不允许使用框架。如何从数组中删除特定值？就像是：我必须使用核心 JavaScript。不允许使用框架。
Javascript 删除数组中指定元素（5种方法）
勇敢的人先享受世界
01-11 5356
关键字（因为它会改变数组的长度），但为了完整性，我们还是在这里提及它。需要注意的是，这种方法并不是真正地从数组中“删除”元素，而是将其标记为“未定义”。这意味着它会保留空槽，这可能会在迭代时造成意外的行为。因此，除非你明确知道你在做什么，否则最好不要使用这种方法。在JavaScript中，删除数组中的特定元素是一个常见的需求。下面，我们将介绍五种不同的方法来删除数组中的元素。方法创建一个新数组，其包含通过所提供函数实现的测试的所有元素。方法可以从数组中添加/删除项目，然后返回被删除的项目。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值