javascript数组使用调用方法汇总

JavaScript数组使用调用方法汇总

在JavaScript中，数组是一个非常常用的数据结构类型，拥有丰富的调用方法。这篇文章将为大家总结汇总了JavaScript数组使用调用方法，方便大家开发时进行参考使用。

创建一个数组

// 创建一个空数组
let arr = [];

// 使用Array构造函数创建
let arr = new Array();

// 具有初始值的数组
let arr = ['apple', 'banana', 'orange'];

获取和设置数组元素

let fruits = ['apple', 'banana', 'orange'];

// 获取数组第一个元素
console.log(fruits[0]); // "apple"

// 设置数组元素 
fruits[1] = 'kiwi';

console.log(fruits); // ["apple", "kiwi", "orange"]

数组常用方法

push()方法

push()方法向数组尾部添加一个或多个元素，并返回数组的新长度。

let fruits = ['apple', 'banana', 'orange'];

let total = fruits.push('kiwi', 'watermelon');

console.log(fruits); // ["apple", "banana", "orange", "kiwi", "watermelon"]
console.log(total); // 5

pop()方法

pop()方法从数组尾部删除一个元素，并返回被删除的元素。

let fruits = ['apple', 'banana', 'orange'];

let lastFruit = fruits.pop();

console.log(fruits); // ["apple", "banana"]
console.log(lastFruit); // "orange"

shift()方法

shift()方法从数组头部删除一个元素，并返回被删除的元素。

let fruits = ['apple', 'banana', 'orange'];

let firstFruit = fruits.shift();

console.log(fruits); // ["banana", "orange"]
console.log(firstFruit); // "apple"

unshift()方法

unshift()方法向数组头部添加一个或多个元素，并返回数组的新长度。

let fruits = ['apple', 'banana', 'orange'];

let total = fruits.unshift('kiwi', 'watermelon');

console.log(fruits); // ["kiwi", "watermelon", "apple", "banana", "orange"]
console.log(total); // 5

slice()方法

slice()方法返回一个从原数组中选定的元素组成的新数组，原数组不会发生变化。

let fruits = ['apple', 'banana', 'orange'];

let newFruits = fruits.slice(1, 3);

console.log(newFruits); // ["banana", "orange"]
console.log(fruits); // ["apple", "banana", "orange"]

splice()方法

splice()方法向原数组中指定位置插入新元素，或删除某些元素。该方法会修改原数组。

let fruits = ['apple', 'banana', 'orange'];

// 插入新元素
fruits.splice(1, 0, 'kiwi', 'watermelon');

console.log(fruits); // ["apple", "kiwi", "watermelon", "banana", "orange"]

// 删除元素
fruits.splice(3, 1);

console.log(fruits); // ["apple", "kiwi", "watermelon", "orange"]

forEach()方法

forEach()方法遍历数组中的每个元素，并对每个元素执行回调函数。

let fruits = ['apple', 'banana', 'orange'];

fruits.forEach(function(fruit) {
  console.log(fruit);
});

// 输出：
// "apple"
// "banana"
// "orange"

map()方法

map()方法创建一个新数组，其中的元素是将原数组中的每个元素进行回调函数处理后的结果。

let numbers = [1, 2, 3, 4];

let squares = numbers.map(function(number) {
  return number * number;
});

console.log(squares); // [1, 4, 9, 16]

以上仅仅是JavaScript数组使用调用方法中的一些常用方法，如果您想查看更多的方法可以参考MDN文档：Array。