数组的方法

本文深入讲解JavaScript数组的概念、创建方式及常见操作,如push、pop、concat、slice等方法的使用,帮助读者掌握数组的基本应用。

数组的概念

所谓数组,是有序的元素序列
JavaScript的Array可以包含任意数据类型。注:一般来说数组中元素的类型相同

数组的创建方式

1-字面量

var arr = [1, 2];//数组中有两个元素
arr.length ;//获取数组的长度
 arr[i]获取数组中的第i个元素,i称为数组的下标或者索引,下标从0开始 arr[0]//获取数组中的第一个元素    
arr[0] = 100;//修改数组中第一个元素的值为100

2- 构造函数方式创建数组

Array是一个构造函数,可以用它生成新的数组
var arr = new Array(2);
arr.length // 2
 arr[0]//undefined 

上面代码中,Array构造函数的参数2,表示生成一个两个成员的数组。
*Array构造函数有一个很大的缺陷,就是不同的参数,会导致它的行为不一致。

3-数组的操作

push方法用于在数组的末端添加一个或多个元素,并返回添加新元素后的数组长度。注意,该方法会改变原数组

var arr = [];
 arr.push(1) // 1 
arr.push('a') // 2 
arr.push(true, {}) // 4 
arr // [1, 'a', true, {}]

pop方法用于删除数组的最后一个元素,并返回该元素。
注意,该方法会改变原数组。

var arr = ['a', 'b', 'c'];  
arr.pop() // 'c' 
arr // ['a', 'b']
 对空数组使用pop方法,不会报错,而是返回undefined。	
concat  合并数组

shift方法用于删除数组的第一个元素,并返回该元素。注意,该方法会改变原数组。

 var a = ['a', 'b', 'c'];
 a.shift() // 'a' 
a // ['b', 'c']

unshift方法用于在数组的第一个位置添加元素,并返回添加新元素后的数组长度。注意,该方法会改变原数组。

var a = ['a', 'b', 'c']; 
 a.unshift('x'); // 4 
a // ['x', 'a', 'b', 'c']

push和shift结合使用,就构成了“先进先出”的队列结(queue)。
unshift方法用于在数组的第一个位置添加元素,并返回添加新元素后的数组长度。注意,该方法会改变原数组。

var a = ['a', 'b', 'c'];
 a.unshift('x'); // 4 
a // ['x', 'a', 'b', 'c']

push和pop结合使用,就构成了“后进先出”的栈结构(stack)。 var arr = [];

arr.push(1, 2); 
arr.push(3);//1,2,3
arr.pop(); arr // [1, 2] 

上面代码中,3是最后进入数组的,但是最早离开数组。

slice方法用于复制目标数组的一部分,返回一个新数组,原数组不变。

arr.slice(start, end);

它的第一个参数为起始位置(从0开始),第二个参数为终止位置(但该位置的元素本身不包括在内)。如果省略第二个参数,则一直返回到原数组的最后一个成员。

如果slice方法的参数是负数,则表示倒数计算的位置。

splice方法用于删除原数组的一部分成员,并可以在删除的位置添加新的数组成员,返回值是被删除的元素。注意,该方法会改变原数组。

arr.splice(start, count, addElement1, addElement2, ...);

splice的第一个参数是删除的起始位置(从0开始),第二个参数是被删除的元素个数。如果后面还有更多的参数,则表示这些就是要被插入数组的新元素。

起始位置如果是负数,就表示从倒数位置开始删除。

reverse方法用于颠倒排列数组元素,返回改变后的数组(还是原数组)。注意,该方法将改变原数组。

var a = ['a', 'b', 'c']; 
 a.reverse() // ["c", "b", "a"] 
a // ["c", "b", "a"]

sort方法对数组成员进行排序,默认是按照字典顺序排序。排序后,原数组将被改变。

['d', 'c', 'b', 'a'].sort() // ['a', 'b', 'c', 'd']

sort方法不是按照大小排序,而是按照字典顺序
如果想让sort方法按照自定义方式排序,可以传入一个函数作为参数。

[10111, 1101, 111].sort(function (a, b) { 
	return a - b;//升序 }) 
// [111, 1101, 10111]

上面代码中,sort的参数函数本身接受两个参数,表示进行比较的两个数组成员。
如果该函数的返回值大于0,表示第一个成员排在第二个成员后面;其他情况下,都是第一个元素排在第二个元素前面

join方法以指定参数作为分隔符,将所有数组成员连接为一个字符串返回。如果不提供参数,默认用逗号分隔。

var a = [1, 2, 3, 4]; 
a.join(' ') // '1 2 3 4' 
a.join(' | ') // "1 | 2 | 3 | 4" 
a.join() // "1,2,3,4" 

如果数组成员是undefined或null或空位,会被转成空字符串。

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值