JavaScript 的数组(Array)对象提供了一系列用于操作数组的方法。这些方法可以用来遍历数组、修改数组内容、查找元素、排序等。以下是一些常用的数组方法,附带详细的代码示例:
1. push() 和 pop()
push()
: 向数组的末尾添加一个或更多元素,并返回新的长度。pop()
: 删除并返回数组的最后一个元素。
javascriptlet array = [1, 2, 3]; array.push(4, 5); // 添加元素 4 和 5 console.log(array); // 输出: [1, 2, 3, 4, 5] let lastElement = array.pop(); // 删除最后一个元素 console.log(array); // 输出: [1, 2, 3, 4] console.log(lastElement); // 输出: 5
2. shift() 和 unshift()
shift()
: 删除并返回数组的第一个元素。unshift()
: 向数组的开头添加一个或更多元素,并返回新的长度。
javascriptlet array = [1, 2, 3]; array.unshift(0); // 在开头添加元素 0 console.log(array); // 输出: [0, 1, 2, 3] let firstElement = array.shift(); // 删除第一个元素 console.log(array); // 输出: [1, 2, 3] console.log(firstElement); // 输出: 0
3. slice()
slice()
: 返回一个新的数组对象,它是一个由开始到结束(不包括结束)选择的、由原数组的浅拷贝构成。原始数组不会被改变。
javascriptlet array = [1, 2, 3, 4, 5]; let slicedArray = array.slice(1, 3); // 从索引 1 开始到索引 3(不包括) console.log(slicedArray); // 输出: [2, 3]
4. splice()
splice()
: 通过删除现有元素和/或添加新元素来更改一个数组的内容。
javascriptlet array = [1, 2, 3, 4, 5]; array.splice(2, 0, 'a', 'b'); // 从索引 2 开始,删除 0 个元素,并添加 'a' 和 'b' console.log(array); // 输出: [1, 2, 'a', 'b', 3, 4, 5]
5. concat()
concat()
: 用于合并两个或多个数组。此方法不会更改现有数组,而是返回一个新数组。
javascriptlet array1 = [1, 2, 3]; let array2 = [4, 5, 6]; let concatenatedArray = array1.concat(array2); console.log(concatenatedArray); // 输出: [1, 2, 3, 4, 5, 6]
6. join()
join()
: 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
javascriptlet array = ['apple', 'banana', 'cherry']; let joinedString = array.join(', '); // 使用逗号和空格作为分隔符 console.log(joinedString); // 输出: "apple, banana, cherry"
7. reverse()
reverse()
: 颠倒数组中元素的顺序。
javascriptlet array = [1, 2, 3, 4]; array.reverse(); console.log(array); // 输出: [4, 3, 2, 1]
8. sort()
sort()
: 用于对数组的元素进行排序。
javascriptlet array = [34, 5, 3, 98, 76, 12]; array.sort(function(a, b) { return a - b; // 升序排序 }); console.log(array); // 输出: [3, 5, 12, 34, 76, 98]