返回
用不一般的态度对待JavaScript数组方法,你将会收获惊喜
前端
2023-11-07 00:22:26
用不一般的态度对待JavaScript数组方法,你将会收获惊喜
JavaScript是一门功能强大的编程语言,拥有丰富的数组方法,可以轻松实现对数组的各种操作。本文将通过提供相关代码案例,详细介绍JavaScript数组方法,包括字符串和数组转换、数组转字符串、字符串转字符、改变原数组的方法,push和pop、unshift和shift、splice的增删改、reverse翻转、sort排序等。
字符串和数组转换
JavaScript提供了多种方法在字符串和数组之间进行转换。
String.prototype.split()
方法可以将字符串拆分为数组。Array.prototype.join()
方法可以将数组连接成字符串。
const str = 'Hello, world!';
// 将字符串拆分为数组
const arr = str.split(' ');
// 输出数组
console.log(arr); // ['Hello,', 'world!']
// 将数组连接成字符串
const newStr = arr.join(' ');
// 输出字符串
console.log(newStr); // 'Hello, world!'
数组转字符串
const arr = [1, 2, 3];
// 将数组转字符串
const str = arr.toString();
// 输出字符串
console.log(str); // '1,2,3'
字符串转字符
const str = 'Hello, world!';
// 将字符串转字符
const chars = str.split('');
// 输出字符数组
console.log(chars); // ['H', 'e', 'l', 'l', 'o', ',', ' ', 'w', 'o', 'r', 'l', 'd', '!']
改变原数组的方法
JavaScript提供了多种方法可以改变原数组。
push()
方法可以向数组尾部添加一个或多个元素。pop()
方法可以从数组尾部删除一个元素。unshift()
方法可以向数组头部添加一个或多个元素。shift()
方法可以从数组头部删除一个元素。
const arr = [1, 2, 3];
// 向数组尾部添加一个元素
arr.push(4);
// 输出数组
console.log(arr); // [1, 2, 3, 4]
// 从数组尾部删除一个元素
arr.pop();
// 输出数组
console.log(arr); // [1, 2, 3]
// 向数组头部添加一个元素
arr.unshift(0);
// 输出数组
console.log(arr); // [0, 1, 2, 3]
// 从数组头部删除一个元素
arr.shift();
// 输出数组
console.log(arr); // [1, 2, 3]
splice()方法
splice()
方法可以实现数组元素的增、删、改操作。
splice(start, deleteCount, ...items)
:从索引start开始删除deleteCount个元素,并从索引start处插入items。splice(start, deleteCount)
:从索引start开始删除deleteCount个元素。splice(start, 0, ...items)
:从索引start处插入items。
const arr = [1, 2, 3, 4, 5];
// 从索引2开始删除2个元素,并从索引2处插入'a'和'b'
arr.splice(2, 2, 'a', 'b');
// 输出数组
console.log(arr); // [1, 2, 'a', 'b', 4, 5]
// 从索引3开始删除1个元素
arr.splice(3, 1);
// 输出数组
console.log(arr); // [1, 2, 'a', 4, 5]
// 从索引2处插入'c'和'd'
arr.splice(2, 0, 'c', 'd');
// 输出数组
console.log(arr); // [1, 2, 'c', 'd', 'a', 4, 5]
reverse()方法
reverse()
方法可以将数组中的元素反转。
const arr = [1, 2, 3, 4, 5];
// 反转数组
arr.reverse();
// 输出数组
console.log(arr); // [5, 4, 3, 2, 1]
sort()方法
sort()
方法可以对数组中的元素进行排序。
const arr = [1, 5, 2, 3, 4];
// 对数组进行排序
arr.sort();
// 输出数组
console.log(arr); // [1, 2, 3, 4, 5]
// 使用比较函数对数组进行排序
arr.sort((a, b) => a - b);
// 输出数组
console.log(arr); // [1, 2, 3, 4, 5]