js数组常见操作

简介: JavaScript数组是一种特殊的对象,它包含一个有序的集合。以下是一些常用的JavaScript数组操作方法:

JavaScript数组是一种特殊的对象,它包含一个有序的集合。以下是一些常用的JavaScript数组操作方法:


1.push()方法:在数组的末尾添加一个或多个元素。

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

2.pop()方法:从数组的末尾删除一个元素。

const fruits = ['apple', 'banana'];
fruits.pop();
console.log(fruits); // ['apple']

3.splice()方法:从数组中删除一个或多个元素,并可以添加新元素。

const fruits = ['apple', 'banana', 'orange'];
fruits.splice(1, 1); // 从索引 1 开始删除 1 个元素
console.log(fruits); // ['apple', 'orange']
fruits.splice(1, 0, 'grape'); // 从索引 1 开始添加 'grape'
console.log(fruits); // ['apple', 'grape', 'orange']

4.slice()方法:从数组中返回一个子数组。

const fruits = ['apple', 'banana', 'orange'];
const citrus = fruits.slice(1, 3); // 返回索引 1 和 2 的元素
console.log(citrus); // ['banana', 'orange']

5.forEach()方法:对数组中的每个元素执行一个函数。

const fruits = ['apple', 'banana', 'orange'];
fruits.forEach(function(item, index) {
  console.log(item, index);
});
// 输出:
// apple 0
// banana 1
// orange 2

6.map()方法:对数组中的每个元素执行一个函数,并返回一个新数组。

const numbers = [1, 2, 3];
const doubledNumbers = numbers.map(function(number) {
  return number * 2;
});
console.log(doubledNumbers); // [2, 4, 6]

7.filter()方法:对数组中的每个元素执行一个函数,并返回一个新数组,包含符合条件的元素。

const numbers = [1, 2, 3];
const evenNumbers = numbers.filter(function(number) {
  return number % 2 === 0;
});
console.log(evenNumbers); // [2]

这些方法只是JavaScript数组中常用的方法之一。还有许多其他有用的数组方法,可以根据需要进行研究。

相关文章
|
29天前
|
自然语言处理 前端开发 JavaScript
🛠️ JavaScript数组操作指南:20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧,涵盖了从基本的添加、移除元素,到数组转换和去重等高级操作。强调了不可变性的重要性,提供了清晰的代码示例,帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者,这些技巧都将显著提升您的编码能力,使您在项目中更具竞争力。
20 2
|
1月前
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
20 3
|
1月前
|
JavaScript
js删除数组中已知下标的元素
js删除数组中已知下标的元素
35 4
|
1月前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
31 1
|
1月前
|
JavaScript 前端开发 Java
【javaScript数组,函数】的基础知识点
【javaScript数组,函数】的基础知识点
23 5
|
1月前
|
JavaScript 前端开发 索引
探索JavaScript数组:基础
探索JavaScript数组:基础
17 3
|
1月前
|
JavaScript 前端开发 索引
JS 删除数组元素( 5种方法 )
JS 删除数组元素( 5种方法 )
34 1
|
1月前
|
JavaScript 前端开发
如何在JS中声明一个数组
如何在JS中声明一个数组
18 0
|
1月前
|
存储 JavaScript 前端开发
JavaScript Array(数组) 对象
JavaScript Array(数组) 对象
25 3
|
1月前
|
JavaScript 前端开发 API
JS中数组的方法flat()怎么用
JS中数组的方法flat()怎么用
13 0