精讲js数组的添加、删除、截取、合并、拷贝

1.将一个或多个新元素添加到数组结尾，并返回数组新长度      arrayObj. push（);```js
var array3 =[1,2,3,4,5];
//添加元素到数组的最后  返回新数组的长度
var len =  array3.push(12)
console.log(array3)
console.log(len)
```

2.将一个或多个新元素添加到数组开始，数组中的元素自动后移，返回数组新长度     arrayObj.unshift（);
//添加元素到数组的最前面  返回新数组的长度
len =  array3.unshift(0);
console.log(array3)
console.log(len)

3.将一个或多个新元素插入到数组的指定位置，插入位置的元素自动后移，返回删除后的元素。       arrayObj.splice（start，deleteNum，insert);
/*插入元素到数组指定的位置第一个参数 start  从哪里开始第二个参数 delNum 删除元素的个数第三个参数 insert  插入的新元素1.只写一个参数 会从指定开始的位置开始删除直到数组的末尾  以数组的形式返回删除的元素2.写两个参数  会从指定的位置 删除指定个数的元素 并以数组的形式返回3.写三个参数  从指定位置开始 删除指定的元素，并将新元素从指定开始的位置添加   返回删除的元素
*/
eg：
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.移除最后一个元素并返回该元素值       arrayObj.pop();
var array = [23, 12, 5, 19, 3];
var temp = array.pop();
console.log(temp)
console.log(array.toString())

5.移除最前一个元素并返回该元素值，数组中元素自动前移      arrayObj.shift();
var array = [23, 12, 5, 19, 3];
var temp = array.shift();
console.log(temp)
console.log(array.toString())

6.删除从指定位置deletePos开始的指定数量deleteCount的元素，数组形式返回所移除的元素     arrayObj.splice(deletePos,deleteCount);
var array = [23, 12, 5, 19, 3];
var temp = array.splice(1,4);
console.log(temp)
console.log(array.toString())

 7.以数组的形式返回数组的一部分，注意`不包括 end `对应的元素，如果省略 end 将复制start 之后的所有元素       arrayObj.slice(start, [end]);
var array = [23, 12, 5, 19, 3];
var temp = array.slice(1,3)
console.log(temp)
console.log(array.toString())

8.将多个数组（也可以是字符串，或者是数组和字符串的混合）连接为一个数组，返回连接好的新的数组     arrayObj.concat([item1[, item2[, . . . [,itemN]]]]);9.返回数组的拷贝数组，注意是一个新的数组，不是指向       arrayObj.concat();
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));可实现数组的深拷贝；

关注我，后面会长期更新更多精彩，实用精细的案例

精讲js数组的添加、删除、截取、合并、拷贝相关推荐

js 数组从头添加到数组_如何从头开始实现JavaScript数组方法
js 数组从头添加到数组介绍 (Introduction) JavaScript includes several functions for working with arrays that go ...
js 给json添加新的字段，或者添加一组数据，在JS数组指定位置删除、插入、替换元素...
JS定义了一个json数据var test={name:"name",age:"12"};需要给test再添加一个字段,需要什么办法,可以让test的值为{na ...
JavaScript对数组操作。添加/删除/截取/排序/倒序
js对数组对象的操作以及方法的使用如何声明创建一个数组对象: var arr = new Array(); 或者 var arr = []; 如何移除所有数组中数据? arrayJson.dataL ...
js数组依据下标删除元素
js数组简单总结: 1.创建数组 var array = new Array(); var array = new Array(size);//指定数组的长度 var array = new Arra ...
JS 数组添加元素、删除元素、数组去重
文章目录一.往数组中添加元素 1.array.push() 2.array.unshift() 3.array.splice() 4.扩展运算符 5.array.concat() 二.删除数组中某个 ...
JQ利用数组动态添加删除元素
点击数字往数组里新增参数并生成div 在此之前判断如果div存在则不添加参数并根据下标删除该div <!DOCTYPE html> <html lang="en&quo ...
js 数组头部添加_javaScript 为对象型数组创建表格
实现过程初始化函数 1.定义字符串变量str,初始值为" 2.执行添加表头函数 3.执行添加表格部分 4.字符串变量添加table尾标签" " 5.将str显示在页面d ...
原生js实现购物车添加删除商品、计算价格功能
购物车功能需求: 根据数据创建购物车内容: 实现购物车添加商品功能: 实现购物车商品数量的增加.减少: 实现购物车商品的删除功能: 购物车的全选功能: 无货商品不可修改数量.不计入总价: 底部计算总 ...
JavaScript 数组索引添加删除操作小案例
1. 打印原数组 // 数组var arr = ['周深','邓紫棋','李荣浩','薛之谦']console.log(arr) 在arr数组中末尾添加数据(pusht:方法可向数组的末尾添加一个或多 ...

精讲js数组的添加、删除、截取、合并、拷贝

精讲js数组的添加、删除、截取、合并、拷贝相关推荐

最新文章

热门文章