Javascript数组中shift()和push(),unshift()和pop()操作方法使用
Javascript为数组专门提供了push和pop()方法,以便实现类似栈的行为。来看下面的例子:
var colors=new Array(); //创建一个数组
var count=colors.push("red","green"); // 推入两项,返回修改后数组的长度
alert(count); // 2 返回修改后数组的长度
var item=colors.pop(); //取得最后一项
alert(item); // "green"
alert(colors.length); // 1
队列方法:
结合使用shift()和push()方法,可以像使用队列一样使用数组:
var colors=new Array();
var count=colors.push("red","green"); //推入两项
alert(count); //2
count= colors.push("black"); // 从数组末端添加项,此时数组的顺序是: "red", "green" ,"black"
alert(count); //3
var item=colors.shift(); // 取得第一项
alert(item); // "red"
alert(colors.length); //2
从例子中可以看出:
shift()方法:移除数组中的第一项并返回该项
push()方法:从数组末端添加项
若是想实现相反的操作的话,可以使用
unshift()方法:在数组的前端添加项
pop()方法:从数组末端移除项
var colors=new Array();
var count=colors.unshift("red","green");// 推入两项
alert(count); // 2
count=colors.unshift("black"); // 从数组的前端添加项,此时数组的顺序是: "black", "red", "green"
alert(count); //3
var item=colors.pop();
alert(item); // 移除并返回的是最后一项 "green"
由以上的两组例子,大家可以清晰的看到这两组方法的用法了。
相关文章
- javascript 判断变量是否是数组(Array)
- JavaScript使用localStorage缓存Js和css文件
- Win10系列:JavaScript动画3
- 第一百二十七节,JavaScript,JSON数据类型转换,数据转换成字符串,字符串转换成数据
- javascript 清空数组的方法
- JavaScript indexOf() 方法详解
- JavaScript RegExp Object 正则表达式入门
- [Javascript] Create Your First Iterator in JavaScript
- [Javascript] Use requestIdleCallback to schedule JavaScript tasks at an optimal time
- [Javascript] Correctly Type-Checking Numbers
- [Javascript] Proper use of console.assert in JavaScript
- [Javascript] What is JavaScript Function Currying?
- [Javascript] Hoisting in JavaScript
- [Javascript] Relative time foramt
- [Javascript] Wait for the Fastest JavaScript Promise to Be Fulfilled with Promise.any()
- [Javascript] Create Your First Iterator in JavaScript
- [Javascript] Replicate JavaScript Constructor Inheritance with Simple Objects (OLOO)
- [Javascript] How to use JavaScript's String.replace
- [Javascript] What is JavaScript Function Currying?
- HTML JAVASCRIPT CSS 大小写敏感问题
- JavaScript自定义排序条件
- JavaScript数组的扁平化:将 2D JavaScript 二维数组转换为 1D 一维数组(多种方法)
- javascript案例32——中文简繁体转换
- 【微搭低代码】Javascript基础知识-数组
- ASP.NET—011:JavaScript报错常见问题
- 全栈JavaScript路(八)得知 CDATASection 种类 节点
- How JavaScript works in browser and node?
- web前端Javascript学习之了解JavaScript弹出框
- JavaScript 垃圾回收
- 详解JavaScript的形参,实参以及传参