js数组常见操作及数组与字符串相互转化实例详解

JavaScript数组常见操作

创建数组

使用字面量方式创建数组：

let arr = [1, 2, 3, 4, 5];

使用构造函数方式创建数组：

let arr = new Array(1, 2, 3, 4, 5);

访问数组元素

let arr = [1, 2, 3, 4, 5];
console.log(arr[0]) // 输出 1

修改数组元素

let arr = [1, 2, 3, 4, 5];
arr[0] = 10;
console.log(arr) // 输出 [10, 2, 3, 4, 5]

遍历数组

使用 for 循环遍历数组：

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

使用 forEach() 方法遍历数组：

let arr = [1, 2, 3, 4, 5];
arr.forEach(function(item, index) {
    console.log(item); 
    console.log(index); 
});

添加元素

使用 push() 方法添加元素到数组末尾：

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

使用 unshift() 方法添加元素到数组头部：

let arr = [2, 3, 4];
arr.unshift(1);
console.log(arr); // 输出 [1, 2, 3, 4]

删除元素

使用 pop() 方法从数组末尾删除元素：

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

使用 shift() 方法从数组头部删除元素：

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

数组切分

使用 slice() 方法进行数组的切分：

let arr = ['a', 'b', 'c', 'd'];
let newArr = arr.slice(1, 3);
console.log(newArr); // 输出 ['b', 'c']

数组拼接

使用 concat() 方法进行数组的拼接：

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let newArr = arr1.concat(arr2);
console.log(newArr); // 输出 [1, 2, 3, 4, 5, 6]

数组与字符串互相转化实例详解

将字符串转化为数组

使用 split() 方法将字符串转为数组：

let str = 'a,b,c,d';
let arr = str.split(',');
console.log(arr); // 输出 ['a', 'b', 'c', 'd']

将数组转化为字符串

使用 join() 方法将数组转为字符串：

let arr = ['a', 'b', 'c', 'd'];
let str = arr.join(',');
console.log(str); // 输出 'a,b,c,d'