JS数组方法shift()、unshift()用法实例分析
网络编程 2021-07-04 15:02www.168986.cn编程入门
这篇文章主要介绍了JS数组方法shift()、unshift()用法,结合实例形式分析了JavaScript数组shift()与unshift()方法功能、用法及相关操作注意事项,需要的朋友可以参考下
本文实例讲述了JS数组方法shift()、unshift()用法。分享给大家供大家参考,具体如下
shift()方法
1. 定义从数组中删除第一个元素,并返回该元素的值。此方法更改数组的长度。
2. 语法 arr.shift()
3. 参数/
4. 返回值从数组中删除的元素(当数组为空时返回undefined)。
代码如下
方法一
var arr1 = [1, 2, 3, 4, 'A', 'B', 'C']; var arr2 = []; Array.prototype.copyShift = function() { var result = [], newArr = []; result = this[0]; for(var i = 1; i < this.length; i++) {// 将数组的第二个至一项的值赋值给newArr newArr[newArr.length] = this[i]; } for(var i = 0; i < newArr.length; i++) { //newArr赋值给原数组 this[i] = newArr[i]; } this.length = newArr.length; return result; }; console.log(arr1.copyShift()); // 1 console.log(arr1); // [2, 3, 4, 'A', 'B'] console.log(arr2.copyShift()); // undefined console.log(arr2); // []
运行结果
方法二将上述代码修改为如下(去掉中间数组newArr,直接在原数组上操作)
var arr1 = [1, 2, 3, 4, 'A', 'B', 'C']; var arr2 = []; Array.prototype.copyShift = function() { var result = []; result = this[0]; / for(var i = 1; i < this.length; i++) {// 将数组的第二个至一项的值赋值给newArr newArr[newArr.length] = this[i]; } for(var i = 0; i < newArr.length; i++) { //newArr赋值给原数组 this[i] = newArr[i]; } this.length = newArr.length; / // 将数组的后一项赋值给前一项 for(var i = 0; i < this.length; i++) { this[i] = this[i + 1]; } if(this.length > 1) {//去掉数组一项 this.length = this.length - 1; } return result; }; console.log(arr1.copyShift()); // 1 console.log(arr1); // [2, 3, 4, 'A', 'B'] console.log(arr2.copyShift()); // undefined console.log(arr2); // []
运行结果
unshift()方法
1. 定义将一个或多个元素添加到数组的开头,并返回新数组的长度。
2. 语法arr.unshift(element1, ..., elementN)
3. 参数数组前端添加任意个项
4. 返回值当一个对象调用该方法时,返回其 length 属性值。
代码如下
方法一
var arr1 = [1, 2, 3, 4, 'A', 'B', 'C']; var arr2 = [1, 2, 3, 4]; Array.prototype.copyUnshift = function() { var newArr = [], argLen = arguments.length, len = argLen + this.length; for(var i = 0; i < len; i++) { / if(i < argLen) { newArr[i] = arguments[i]; } else { newArr[i] = this[i - argLen]; } / // 上述代码也可写为 newArr[i] = (i < argLen) ? arguments[i] : this[i - argLen]; } for(var i = 0; i < len; i++) { this[i] = newArr[i]; } return len; }; console.log(arr1.copyUnshift('XXX', 'YYY', 'ZZZ')); // 10 console.log(arr1); // ['XXX', 'YYY', 'ZZZ', 1, 2, 3, 4, 'A', 'B'] console.log(arr2.copyUnshift()); // 4 console.log(arr2); // [1, 2, 3, 4]
运行结果
//同方法一一样,只不过是for循环以递减的形式 var arr1 = [1, 2, 3, 4, 'A', 'B', 'C']; var arr2 = [1, 2, 3, 4]; Array.prototype.copyUnshift = function() { var newArr = [], argLen = arguments.length, len = argLen + this.length; //同方法一一样,只不过是for循环以递减的形式 for(var i = len - 1; i >= 0; i--) { / if(i < argLen) { newArr[i] = arguments[i]; } else { newArr[i] = this[i - argLen]; } / // 上述代码也可写为 newArr[i] = (i < argLen) ? arguments[i] : this[i - argLen]; } for(var i = 0; i < len; i++) { this[i] = newArr[i]; } return len; };
接上递减形式的for循环,进一步可修改为
方法二 直接修改原数组,不借助中间数组
var arr1 = [1, 2, 3, 4, 'A', 'B', 'C']; var arr2 = [1, 2, 3, 4]; Array.prototype.copyUnshift = function() { var argLen = arguments.length, len = argLen + this.length; for(var i = len - 1; i >= 0; i--) { / if(i > argLen - 1) { this[i] = this[i - argLen]; } else { this[i] = arguments[i]; } / this[i] = (i > argLen - 1) ? this[i - argLen] : arguments[i]; } return len; }; console.log(arr1.copyUnshift('XXX', 'YYY', 'ZZZ')); // 10 console.log(arr1); // ['XXX', 'YYY', 'ZZZ', 1, 2, 3, 4, 'A', 'B'] console.log(arr2.copyUnshift()); // 4 console.log(arr2); // [1, 2, 3, 4]
运行结果
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具测试上述代码运行效果。
更多关于JavaScript相关内容感兴趣的读者可查看本站专题《》、《》、《》、《》、《》及《》
希望本文所述对大家JavaScript程序设计有所帮助。
编程语言
- 甘肃哪有关键词排名优化购买方式有哪些
- 甘肃SEO如何做网站优化
- 河南seo关键词优化怎么做电话营销
- 北京SEO优化如何做QQ群营销
- 来宾百度关键词排名:提升您网站曝光率的关键
- 卢龙关键词优化:提升您网站排名的策略与技巧
- 山东网站优化的注意事项有哪些
- 四川整站优化怎样提升在搜索引擎中的排名
- 疏附整站优化:提升网站性能与用户体验的全新
- 海南seo主要做什么工作售后服务要做到哪些
- 荣昌百度网站优化:提升您网站的搜索引擎排名
- 河北seo网站排名关键词优化如何做SEO
- 江西优化关键词排名推广售后保障一般有哪些
- 古浪SEO优化:提升你的网站可见性
- 西藏网站排名优化怎么把网站排名在百度首页
- 如何提升阳东百度快照排名:详尽指南