JavaScript数组常用方法实例讲解总结

本文将对 JavaScript 数组常用方法进行实例讲解总结，旨在帮助读者更加深入地了解 JavaScript 数组的使用。本文涉及的方法包括：push、pop、shift、unshift、slice、splice、concat、join、indexOf 和 sort。

push方法

push方法可以向数组的末尾添加一个或多个元素，并返回新数组的长度。下面是示例代码：

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

pop方法

pop方法从数组的末尾删除一个元素，并返回被删除的元素。下面是示例代码：

let fruits = ['apple', 'banana', 'orange'];
let deletedFruit = fruits.pop();
console.log(deletedFruit);  // 输出 'orange'
console.log(fruits);  // 输出 ['apple', 'banana']

shift方法

shift方法从数组的开头删除一个元素，并返回被删除的元素。下面是示例代码：

let fruits = ['apple', 'banana', 'orange'];
let deletedFruit = fruits.shift();
console.log(deletedFruit);  // 输出 'apple'
console.log(fruits);  // 输出 ['banana', 'orange']

unshift方法

unshift方法可以向数组的开头添加一个或多个元素，并返回新数组的长度。下面是示例代码：

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

slice方法

slice方法可以返回数组的指定部分，而不修改原始数组。下面是示例代码：

let fruits = ['apple', 'banana', 'orange'];
let citrus = fruits.slice(1);
console.log(citrus);  // 输出 ['banana', 'orange']
console.log(fruits);  // 输出 ['apple', 'banana', 'orange']

splice方法

splice方法可以删除从指定位置开始的指定数量的元素，并可选地插入新元素。下面是示例代码：

let fruits = ['apple', 'banana', 'orange'];
fruits.splice(1, 1, 'lemon', 'peach');
console.log(fruits);  // 输出 ['apple', 'lemon', 'peach', 'orange']

concat方法

concat方法可以将两个或多个数组合并为一个新数组，而不修改原始数组。下面是示例代码：

let fruits = ['apple', 'banana'];
let moreFruits = ['orange', 'lemon'];
let allFruits = fruits.concat(moreFruits);
console.log(allFruits);  //输出 ['apple', 'banana', 'orange', 'lemon']

join方法

join方法可以将数组中的所有元素转换为一个字符串，并返回该字符串。下面是示例代码：

let fruits = ['apple', 'banana', 'orange'];
let fruitString = fruits.join(', ');
console.log(fruitString);  // 输出 'apple, banana, orange'

indexOf方法

indexOf方法返回指定元素在数组中首次出现的位置，如果没有找到该元素，则返回-1。下面是示例代码：

let fruits = ['apple', 'banana', 'orange'];
let bananaIndex = fruits.indexOf('banana');
console.log(bananaIndex);  // 输出 1

sort方法

sort方法可以按升序或降序对数组进行排序。下面是示例代码：

let fruits = ['lemon', 'apple', 'orange', 'banana'];
fruits.sort();
console.log(fruits);  // 输出 ['apple', 'banana', 'lemon', 'orange']

上述示例代码介绍了 JavaScript 数组的常用方法，读者可以根据自己的实际需求来选择适当的方法。