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

区别

相同点:

  • 都可以向数组中添加元素
  • 都会改变数组的长度
  • 都会返回新的长度
相关文章
|
2月前
|
JavaScript 前端开发 索引
js遍历的方法与区别
js遍历的方法与区别
54 3
|
2月前
|
JavaScript 前端开发 索引
js的循环中foreach、for in和for of的区别
js的循环中foreach、for in和for of的区别
126 0
|
1月前
|
前端开发 JavaScript UED
JavaScript防抖和节流的使用及区别
JavaScript防抖和节流的使用及区别
101 57
|
4天前
|
存储 JavaScript 前端开发
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法
JavaScript 数据类型分为基本数据类型和引用数据类型。基本数据类型(如 string、number 等)具有不可变性,按值访问,存储在栈内存中。引用数据类型(如 Object、Array 等)存储在堆内存中,按引用访问,值是可变的。本文深入探讨了这两种数据类型的特性、存储方式、以及检测数据类型的两种常用方法——typeof 和 instanceof,帮助开发者更好地理解 JavaScript 内存模型和类型检测机制。
9 0
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法
|
10天前
|
存储 JavaScript 前端开发
js中函数、方法、对象的区别
js中函数、方法、对象的区别
11 2
|
21天前
|
JavaScript 前端开发
【JavaScript】let,const和var的区别
总的来说,随着ECMAScript 6(ES6)及后续版本的推广,`let`和 `const`因其增强的块级作用域和对变量行为的更严格控制,逐渐成为现代JavaScript编码实践中推荐使用的变量声明方式。而 `var`由于其历史遗留的局限性,正逐渐被边缘化,但在维护老代码或处理特定兼容性需求时仍需了解。
19 3
|
1月前
|
前端开发 JavaScript 开发者
React 和 Vue.js 框架的区别是什么?
React 和 Vue.js 框架的区别是什么?
|
1月前
|
JavaScript 前端开发
JavaScript中单引号和双引号的效果的一点区别
JavaScript中单引号和双引号的效果的一点区别
|
29天前
|
存储 缓存 JavaScript
JavaScript 中数组方法的常见优化技巧
JavaScript 中数组方法的常见优化技巧
|
1月前
|
前端开发 JavaScript API
JavaScript 的宏任务和微任务有什么区别
【9月更文挑战第6天】JavaScript 的宏任务和微任务有什么区别
37 4