JavaScript数组方法中 push() 和 unshift() 的区别

简介: 在给数组push的时候发现一个新的方法unshift() 就找了一下区别:push()push() 方法(在数组结尾处)向数组添加一个新的元素:var webKnowledge = ["HTML", "CSS", "JS", "VUE"];webKnowledge.push("REACT"); // 向 webKnowledge 添加一个新元素 REACT//新数组为:["HTML", "CSS", "JS", "VUE", "REACT"]push() 方法返回新数组的长度:var webKnowledge = ["HTML", "CSS", "JS",

在给数组push的时候发现一个新的方法unshift() 就找了一下区别:

push()

push() 方法(在数组结尾处)向数组添加一个新的元素:

var webKnowledge = ["HTML", "CSS", "JS", "VUE"];
webKnowledge.push("REACT");       //  向 webKnowledge 添加一个新元素 REACT
//新数组为:["HTML", "CSS", "JS", "VUE", "REACT"]

push() 方法返回新数组的长度:

var webKnowledge = ["HTML", "CSS", "JS", "VUE"];
const x = webKnowledge.push("REACT");       //  新数组的长度
//x 的值为 5

unshift() 方法

unshift() 方法(在开头)向数组添加新元素,并“反向位移”旧元素,即将旧元素都左移(注意:这个方法会改变数组中元素的索引):

var webKnowledge = ["HTML", "CSS", "JS", "VUE"];
webKnowledge.unshift("REACT");       //  向 webKnowledge 添加一个新元素 REACT
//新数组为:["REACT", "HTML", "CSS", "JS", "VUE"]

unshift() 方法返回新数组的长度:

var webKnowledge = ["HTML", "CSS", "JS", "VUE"];
const x = webKnowledge.unshift("REACT");       //  新数组的长度
//x 的值为 5

区别

相同点:

  • 都可以向数组中添加元素
  • 都会改变数组的长度
  • 都会返回新的长度
相关文章
|
19天前
|
存储 JavaScript 索引
js开发:请解释什么是ES6的Map和Set,以及它们与普通对象和数组的区别。
ES6引入了Map和Set数据结构。Map的键可以是任意类型且有序,与对象的字符串或符号键不同;Set存储唯一值,无重复。两者皆可迭代,支持for...of循环。Map有get、set、has、delete等方法,Set有add、delete、has方法。示例展示了Map和Set的基本操作。
23 3
|
20天前
|
JavaScript 前端开发
js开发:请解释原型继承和类继承的区别。
JavaScript中的原型继承和类继承用于共享对象属性和方法。原型继承通过原型链实现共享,节省内存,但不支持私有属性。
19 0
|
1天前
|
JavaScript 前端开发
JavaScript 数组方法概览
JavaScript 数组方法概览:push() 添加元素至末尾;pop() 删除并返回最后一个元素;shift() 删除并返回第一个元素;unshift() 向开头添加元素;slice() 返回指定范围的浅拷贝;splice() 删除/替换/添加元素,改变原数组;concat() 合并数组;join() 转换为字符串;reverse() 颠倒顺序;sort() 排序;map() 应用函数并创建新数组;filter() 过滤元素;reduce() 累加元素为单一值。
8 1
|
1天前
|
JavaScript 前端开发
JavaScript 的数组方法 map()、filter() 和 reduce() 提供了函数式编程处理元素的方式
【5月更文挑战第11天】JavaScript 的数组方法 map()、filter() 和 reduce() 提供了函数式编程处理元素的方式。map() 用于创建新数组,其中元素是原数组元素经过指定函数转换后的结果;filter() 则筛选出通过特定条件的元素生成新数组;reduce() 将数组元素累计为单一值。这三个方法使代码更简洁易读,例如:map() 可用于数组元素乘以 2,filter() 用于选取偶数,reduce() 计算数组元素之和。
8 2
|
2天前
|
移动开发 JavaScript 前端开发
uni-app和Vue.js二者之间有什么区别?
1. uni-app是一个使用Vue.js开发所有前端应用的框架,支持一次编译多端运行。开发者编写的基础代码只需进行一次编写,就可以发布到多个平台,包括App、H5、微信小程序等。 2. Vue.js是一个渐进式JavaScript框架,用于构建用户界面。与其他大型框架不同的是,Vue被设计为可以自底向上逐层应用。
4 0
|
2天前
|
Web App开发 JavaScript 前端开发
Ecmascript 和javascript的区别
Ecmascript 和javascript的区别
8 0
|
4天前
|
JavaScript 前端开发
JS中浅拷贝和深拷贝的区别,浅拷贝的危害
JS中浅拷贝和深拷贝的区别,浅拷贝的危害
11 0
|
5天前
|
存储 JavaScript 前端开发
JavaScript 数组方法详解
JavaScript 数组方法详解
11 2
|
13天前
|
前端开发 JavaScript
【Web 前端】 js中call、apply、bind有什么区别?
【4月更文挑战第22天】【Web 前端】 js中call、apply、bind有什么区别?
【Web 前端】 js中call、apply、bind有什么区别?
|
13天前
|
存储 前端开发 JavaScript
【Web 前端】JS数据类型有哪些?区别?
【4月更文挑战第22天】【Web 前端】JS数据类型有哪些?区别?