数组常用的几种方法

JS数组操作详解

push:向数组的末尾增加一项 返回值是数组的新长度
unshift:向数组开头增加一项 返回值是数组的新长度
pop:删除数组的末尾项 返回值是删除的数组项
shift:删除数组开头项 返回被删除的开头项目
splice:删除数组中的任意项 返回值是被删除的数组项
slice:复制数组 返回值是复制到的新数组 写上数值之后 不包含被复制的最后一项

拼接:
concat:把一个数组和另一个数组拼接在一起 返回拼接好的数组
join:把数组中的每一项 按照指定的分隔符拼接成字符串

排序:
reverse:倒序数组 返回值倒序数组 原有数组改变
sort:根据匿名函数进行冒泡排序 b-a倒序 a-b升序

兼容性不好:
indexOf:返回获取项在数组中的索引
lastIndexOf:返回获取项在数组中出现的最后一次索引
forEach: 循环遍历数组 参数是一个匿名函数 默认返回为undefined
map:循环遍历数组 参数是一个匿名函数
var ary = [1,2,3,4,5,6,7,8,9,0];
var ary1=[1,5,7,4];
var ary2=[2,3,4,5,7,3,4,5];
var a=ary.splice(2,3,5);//删除数组中的任意项 可引申为push,unshift,pop,shift,slice最为常用
var b=ary.splice(2,1);
/var a=“test”;
var b=[123]; 供forEach测试使用
/
var c=ary.push(1);//在数组的末尾增加一项
var d=ary.unshift(3);//在数组的开头增加一项
var e=ary.pop();//在数组的末尾删除一项
var f=ary.shift();//在数组的开头删除一项
var g=ary.slice(2,5);//复制数组
var h=ary.concat(ary1,ary2).concat(1,2,2,2,2,[456654]); //如果没有参数 或者参数为()空则为赋值数组
var i=ary.join(’+’);//将数组中的每一项用指定的分隔符拼接成一个新的字符串
var j=ary.reverse();//倒序排序 原有数组改变
var k=ary1.sort(function(a,b){return b-a;});
var l=ary2.indexOf(4);//返回获取项在数组中出现的索引
var m=ary2.lastIndexOf(4);//返回获取项在数组中出现的最后一次索引
var n=ary2.indexOf(9);//若获取项不存在则返回-1
var o=ary.forEach(function(a,b){console.log(a,b)});
var p=ary2.map(function(){});

console.log(a);
console.log(b);
console.log(c);
console.log(d);
console.log(e);
console.log(f);
console.log(g);
console.log(h);
console.log(i);
console.log(j);
console.log(k);
console.log(l);
console.log(m);
console.log(n);

// console.log(a,xb);
console.log(o);
console.log(ary);
console.log(ary1);

### 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 数组处理技术,每种都有各自的特点与适用场景,请根据实际需求选用合适的工具完成开发任务!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值