js里数组常用的17种方法

本文详细介绍了JavaScript中数组的17种常用操作方法,包括concat、join、push/pop、unshift/shift、sort、reverse、slice、splice、findIndex、find、indexOf/lastIndexOf、forEach/some/every/filter/map、includes、toString、reduce/reduceRight以及flat方法。通过实例演示了每种方法的使用和效果,帮助读者深入理解JavaScript数组的操作。

concat方法

concat方法不会改变原数组,会返回一个拼接后的新数组

var arr1= [1,2,3];

var arr2=[3,4];

arr1.concat(arr2);

console.log(arr1.length); //3

console.log(arr1); // [1,2,3]

console.log(arr2); // [3,4]

console.log(arr1.concat(arr2)); // [1,2,3,3,4]

join方法

join方法不会改变原数组,join()方法将一个数组(或一个类数组对象)的所有元素根据传入的参数连接成一个字符串,并返回这个字符串。

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

arr.join(‘,’);

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

console.log(arr.join(‘,’)); // ‘1,2,3,4,5’

push方法和pop方法

push方法和pop方法会改变原数组,push方法用于向数组最末尾的位置添加新元素,pop方法用于删除数组最末尾的那个元素。

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

arr.push(6,7);

console.log(arr); // [1,2,3,4,5,6,7]

### JavaScript 数组常用方法总结 以下是关于 JavaScript数组的一些常见方法及其功能说明: #### 1. `concat()` 方法 `concat()` 方法用于将两个或多个数组合并成一个新的数组。该方法不会修改原始数组,而是返回一个新数组。需要注意的是,它会连接数组元素而不是整个数组对象,并且无法自动扁平化嵌套数组。 ```javascript var arr = [1, 2, 3]; var newArr = arr.concat([4, 5], [6]); console.log(newArr); // 输出: [1, 2, 3, 4, 5, 6] ``` 此行为已在描述中提及[^1]。 --- #### 2. `isArray()` 方法 `Array.isArray()` 是一种用来检测给定变量是否为数组方法。如果传入的对象是一个数组,则返回 `true`;否则返回 `false`。 ```javascript const arrayLikeObject = { length: 3 }; console.log(Array.isArray(arrayLikeObject)); // false const realArray = ['a', 'b', 'c']; console.log(Array.isArray(realArray)); // true ``` 这一特性已被记录于参考资料中[^2]。 --- #### 3. `includes()` 方法 `includes()` 方法可以判断某个数组是否包含指定的值。如果是则返回 `true`,反之返回 `false`。支持从特定索引位置开始搜索可选参数。 ```javascript let numbers = [1, 2, 3]; console.log(numbers.includes(2)); // true console.log(numbers.includes(4)); // false ``` 同样,在资料中有提到过其基本用途[^2]。 --- #### 4. `reverse()` 方法 通过调用 `reverse()` 可以反转当前数组内的元素排列次序。操作完成后原数组会被更改。 ```javascript let fruits = ['apple', 'banana', 'cherry']; fruits.reverse(); console.log(fruits); // ["cherry", "banana", "apple"] ``` 上述例子展示了如何利用 reverse 函数来实现逆向排序[^3]。 --- #### 5. `shift()` 和 `unshift()` 方法 - **`shift()`**: 移除并返回第一个元素,同时缩短长度。 - **`unshift(...elements)`**: 向头部添加任意数量的新项,并扩展总大小。 示例如下所示: ```javascript let colors = ['red', 'green', 'blue']; colors.shift(); // 删除首项 ('red') console.log(colors); // ['green', 'blue'] colors.unshift('yellow'); // 插入到开头 ('yellow') console.log(colors); // ['yellow', 'green', 'blue'] ``` 这些细节也已体现在先前的内容[^3]。 --- #### 总结 以上列举了几种常用JavaScript 数组处理技术,每种都有各自的特点与适用场景,请根据实际需求选用合适的工具完成开发任务!
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值