JavaScript 数组常见操作技巧

JavaScript 中的数组是非常常见和重要的数据结构之一，常用于存储和处理一系列的数据。在实际的开发中，经常需要对数组进行各种各样的操作，以下是 JavaScript 数组常见的操作技巧：

创建数组

在 JavaScript 中，可以通过以下方式创建数组：

直接量方式

直接将元素放在方括号中，以逗号分隔

var arr1 = [1, 2, 3, 4, 5];

new Array() 方式

通过构造函数的方式创建，可以指定数组的长度

var arr2 = new Array(5); // 创建长度为 5 的数组

添加元素

可以通过以下方式添加元素到数组中：

push()

将一个或多个元素添加到数组的末尾

var arr = [1, 2, 3];
arr.push(4);
console.log(arr); // [1, 2, 3, 4]

unshift()

将一个或多个元素添加到数组的开头

var arr = [2, 3];
arr.unshift(1);
console.log(arr); // [1, 2, 3]

splice()

在指定位置插入一个或多个元素

var arr = [1, 2, 4];
arr.splice(2, 0, 3);
console.log(arr); // [1, 2, 3, 4]

删除元素

可以通过以下方式删除数组中的元素：

pop()

删除数组的最后一个元素

var arr = [1, 2, 3];
arr.pop();
console.log(arr); // [1, 2]

shift()

删除数组的第一个元素

var arr = [1, 2, 3];
arr.shift();
console.log(arr); // [2, 3]

splice()

删除指定位置的元素

var arr = [1, 2, 3];
arr.splice(1, 1);
console.log(arr); // [1, 3]

查找元素

可以通过以下方式查找数组中的元素：

indexOf()

查找指定元素在数组中第一次出现的位置

var arr = [1, 2, 3, 4, 5];
var index = arr.indexOf(3);
console.log(index); // 2

lastIndexOf()

从数组的末尾开始查找指定元素最后一次出现的位置

var arr = [1, 2, 3, 2, 1];
var index = arr.lastIndexOf(2);
console.log(index); // 3

替换元素

可以通过以下方式替换数组中的元素：

splice()

替换一个或多个元素

var arr = [1, 2, 3];
arr.splice(1, 1, 'a', 'b');
console.log(arr); // [1, 'a', 'b', 3]

遍历数组

可以通过以下方式遍历数组：

for 循环

var arr = [1, 2, 3];
for (var i = 0; i < arr.length; i++) {
    console.log(arr[i]);
}

forEach()

var arr = [1, 2, 3];
arr.forEach(function(item, index) {
    console.log(index + ': ' + item);
});

以上就是 JavaScript 数组常见操作技巧的完整攻略。

以下是两条示例说明：

示例1

在一个数组中查找元素，并返回元素在数组中的位置。

var arr = [2, 3, 5, 7, 11];
function findPosition(value) {
    return arr.indexOf(value);
}
console.log(findPosition(5)); // 2

示例2

删除数组中的重复元素。

var arr = [1, 2, 3, 2, 1];
function removeDuplicates() {
    var result = [];
    for (var i = 0; i < arr.length; i++) {
        if (result.indexOf(arr[i]) === -1) {
            result.push(arr[i]);
        }
    }
    return result;
}
console.log(removeDuplicates()); // [1, 2, 3]