js常用处理数组的几种方式

简介: js常用处理数组的几种方式

push():向数组末尾添加一个或多个元素,并返回新的长度。

const fruits = ['apple', 'banana'];
fruits.push('orange');
console.log(fruits); // 输出:['apple', 'banana', 'orange']

pop():从数组末尾移除最后一个元素,并返回被移除的元素。

const fruits = ['apple', 'banana', 'orange'];
const removedFruit = fruits.pop();
console.log(removedFruit); // 输出:'orange'
console.log(fruits); // 输出:['apple', 'banana']

shift():从数组开头移除第一个元素,并返回被移除的元素。

const fruits = ['apple', 'banana', 'orange'];
const removedFruit = fruits.shift();
console.log(removedFruit); // 输出:'apple'
console.log(fruits); // 输出:['banana', 'orange']

unshift():向数组开头添加一个或多个元素,并返回新的长度。

const fruits = ['banana', 'orange'];
fruits.unshift('apple');
console.log(fruits); // 输出:['apple', 'banana', 'orange']

slice():截取数组的一部分,生成一个新数组。

const fruits = ['apple', 'banana', 'orange', 'grape', 'watermelon'];
const slicedFruits = fruits.slice(1, 4);
console.log(slicedFruits); // 输出:['banana', 'orange', 'grape']

splice():从数组中移除、替换或添加元素。

const fruits = ['apple', 'banana', 'orange'];
fruits.splice(1, 1); // 从索引位置1开始,移除1个元素
console.log(fruits); // 输出:['apple', 'orange']
fruits.splice(1, 0, 'grape', 'watermelon'); // 从索引位置1开始,不移除元素,但添加'grape'和'watermelon'
console.log(fruits); // 输出:['apple', 'grape', 'watermelon', 'orange']

forEach():对数组的每个元素执行指定操作。

const numbers = [1, 2, 3, 4, 5];
numbers.forEach(function(number) {
  console.log(number * 2);
});
// 输出:
// 2
// 4
// 6
// 8
// 10


目录
打赏
0
0
0
0
57
分享
相关文章
JavaScript中通过array.map()实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等,array.map()的使用详解(附实际应用代码)
array.map()可以用来数据转换、创建派生数组、应用函数、链式调用、异步数据流处理、复杂API请求梳理、提供DOM操作、用来搜索和过滤等,比for好用太多了,主要是写法简单,并且非常直观,并且能提升代码的可读性,也就提升了Long Term代码的可维护性。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
JavaScript中通过array.filter()实现数组的数据筛选、数据清洗和链式调用,JS中数组过滤器的使用详解(附实际应用代码)
用array.filter()来实现数据筛选、数据清洗和链式调用,相对于for循环更加清晰,语义化强,能显著提升代码的可读性和可维护性。博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
🛠️ JavaScript数组操作指南:20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧,涵盖了从基本的添加、移除元素,到数组转换和去重等高级操作。强调了不可变性的重要性,提供了清晰的代码示例,帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者,这些技巧都将显著提升您的编码能力,使您在项目中更具竞争力。
69 2
|
5月前
|
js删除数组中已知下标的元素
js删除数组中已知下标的元素
76 4
【javaScript数组,函数】的基础知识点
【javaScript数组,函数】的基础知识点
55 5
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
84 1
探索JavaScript数组:基础
探索JavaScript数组:基础
38 3
JS 删除数组元素( 5种方法 )
JS 删除数组元素( 5种方法 )
136 1
如何在JS中声明一个数组
如何在JS中声明一个数组
60 0

热门文章

最新文章