JavaScript 数组

数组的遍历

使用for循环实现数组的遍历

var array = [23, 12, 5, 19, 3];

for (var i = 0; i < array.length; i++) {
    console.log(array[i])
}

数组元素的添加、删除、截取、合并、拷贝

1.将一个或多个新元素添加到数组结尾,并返回数组新长度

var array3 =[1,2,3,4,5];
//添加元素到数组的最后  返回新数组的长度
var len =  array3.push(12)
console.log(array3)
console.log(len)

2.将一个或多个新元素添加到数组开始,数组中的元素自动后移,返回数组新长度

//添加元素到数组的最前面  返回新数组的长度
len =  array3.unshift(0);
console.log(array3)
console.log(len)

3.将一个或多个新元素插入到数组的指定位置,插入位置的元素自动后移,返回删除后的元素

var arr = array3.splice(0)
console.log(arr)
console.log(array3)
console.log(array3.toString())
var arr = array3.splice(1,2)
console.log(arr)
console.log(array3.toString())
console.log(array3.toString())
var arr = array3.splice(1,2,28)
console.log(arr)
console.log(array3.toString())

4.移除最后一个元素并返回该元素值

var array = [23, 12, 5, 19, 3];
var temp = array.pop();
console.log(temp)
console.log(array.toString())

5.移除最前一个元素并返回该元素值,数组中元素自动前移

var array = [23, 12, 5, 19, 3];
var temp = array.shift();
console.log(temp)
console.log(array.toString())

6.删除从指定位置deletePos开始的指定数量deleteCount的元素,数组形式返回所移除的元素

var array = [23, 12, 5, 19, 3];
var temp = array.splice(1,4);
console.log(temp)
console.log(array.toString())

 以数组的形式返回数组的一部分,注意不包括end对应的元素,如果省略 end 将复制start 之后的所有元素

var array = [23, 12, 5, 19, 3];
var temp = array.slice(1,3)
console.log(temp)
console.log(array.toString())

8.将多个数组(也可以是字符串,或者是数组和字符串的混合)连接为一个数组,返回连接好的新的数组

var arr2=[5,6,7,8];
			res = array.concat(arr2);
			 console.log(res);

9.返回数组的拷贝数组,注意是一个新的数组,不是指向

var array4 = [10,11,13,14]
var a = array4.concat()
console.log(array4)
console.log(a)

数组的深浅拷贝:

1.使用以上的concat()和 slice()方法对一维数组可实现新旧数组互不影响的拷贝,但是在元素是对象时,仍然还是会影响,因此这两种方法均是浅拷贝

2.使用JSON.parse(JSON.stringify(array));可实现数组的深拷贝;

var array = [1,2,3,4];//一维数组
			var res = array.concat();
			res.push(20);
			console.log(res.toString());
			console.log(array.toString());
			
			var array = [1,2,3,4,[6,7,8]];//二维数组
			// console.log(array[4]);
			// console.log(array[4][0]);//获取二维数组的元素方法
			// var res = array.concat();
			// console.log(res.toString());
			// res[4][0] = 88;
			// console.log(res.toString()); [1,2,3,4,[88,7,8]];
			// console.log(array.toString());[1,2,3,4,[88,7,8]];
			// 总结 变量存储再计算机栈内存中 数组是存在堆内存中 
			// concat拷贝的是数组再堆内存空间中的引用地址
			// 所以修改原数组中的内容后 其他引用堆内存地址的变量值也更着改变
			// 即浅拷贝 slice concat都是浅拷贝
			
			console.log('--------数组的深拷贝--------');
			// 数组的深拷贝方法
			res = JSON.parse(JSON.stringify(array));
			// 深拷贝是真正复制一份数据 即保留了两份同样的数据
			res[4][0] = 88;
			console.log(res.toString());
			console.log(array.toString());

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值