数组的shift和unshift方法的封装

最新推荐文章于 2023-05-26 15:20:22 发布
最新推荐文章于 2023-05-26 15:20:22 发布
阅读量750 收藏
点赞数 1
文章标签： js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lsy01/article/details/105557157
版权

**

数组的shift和unshift方法的封装

shift 和 unshift方法

shift是删除第一项(就是下标为0的一项),并且返回删除的值
unshift是在数组的前面添加,返回一个新数组的长度
**

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            list-style: none;
        }
    </style>
</head>
<body>
    
</body>
<script>
    //shift 和 unshift方法
    /*
        1.删除数组的第0项，再把被删除的这一项返回
        2.如何删除数组里的一项
            假如说数组本来是[1,2,3]  
            把他变成[2,3,empty]
            最后 length - 1 最后一项被删除 剩下： [2,3]
    */
    //shift是删除第一项(就是下标为0的一项),并且返回删除的值
    function shift(arr){
        //判断是否为一个数组
        if( !Array.isArray(arr) ) return '必须传进来一个数组';
        var result = arr[0];//保存传进来的数组的第0项
        for( var i = 0; i < arr.length - 1; i++ ){//把下标1到length-1 整体往前挪一位
            arr[i] = arr[i + 1];
        }
        arr.length -= 1;
        return result;//返回被删除的这一项
    };
    var a = [ ['hello', 'world'], {nickname: '小明'}, 2, 3, 4, 5, 6];
    var result = shift(a);
    console.log( result, a );
    /*
        unshift是在数组的前面添加,返回一个新数组的长度
    */
    function unshift(arr){
        if( !Array.isArray(arr) ) {
        	return '必须传一个数组';
        }
        //数组里边原来有两项，现在往里边加3项，最终长度为5 = arr.length + arugments.length - 1
        arr.length += (arguments.length - 1);
        var len = arguments.length - 1;
       
        for( var i = 0; i < arr.length - len; i++){
            arr[i + len] = arr[i];
        };

        for( var a = 0; a < len; a++ ){
            arr[a] = arguments[a + 1];
        }
        return arr.length;
    };
    var c = [4,5];
    console.log( unshift(c, 1, 2, 3) );
</script>
</html>
I Believe in
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
数组shift方法_数组shift（）方法以及JavaScript中的示例
cumtb2002的博客
06-30 5773
数组shift方法 JavaScript shift()方法 (JavaScript shift() method) shift() method is used to remove the first element of an array and returns the deleted element. shift()方法用于删除数组的第一个元素，并返回删除的元素。 It changes ...
JS数组方法shift()、unshift()用法实例分析
10-15
主要介绍了JS数组方法shift()、unshift()用法,结合实例形式分析了JavaScript数组shift()与unshift()方法功能、用法及相关操作注意事项,需要的朋友可以参考下
数组方法实现（三）————数组方法shift()
林飞的梦呓
10-17 3199
join()方法 定义和用法： join() 方法用于把数组中的所有元素放入一个字符串。 元素是通过指定的分隔符进行分隔的。 语法：arrayObject.join(separator) 参数：可选，指定要使用的分隔符。 注：不给join()方法传入任何值，或者给它传入undefined，则使用逗号作为分隔符。 IE7及更早版本会错误的使用字符串“undefined”作为分隔符。 数组
unshift() 与shift() 方法
wandoumm的博客
04-27 2万+
unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。&lt;script type="text/javascript"&gt; var arr = new Array() arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" document.write(arr + "&lt;br /&gt;") do
数组方法的增删等19种操作：unshift 、shift，push、pop、splice等等...！
m0_73951244的博客
10-17 2858
数组方法的全集操作：unshift 、shift、push、pop、splice！等等
JS数组push、unshift、pop、shift方法的实现与使用方法示例
10-15
主要介绍了JS数组push、unshift、pop、shift方法,结合实例形式分析了JS数组push、unshift、pop、shift方法针对数组添加、删除等相关操作技巧,需要的朋友可以参考下
JavaScript数组函数unshift、shift、pop、push使用实例
10-25
主要介绍了JavaScript数组函数unshift、shift、pop、push使用实例,本文先是讲解了声明数组的方法,然后对4个函数使用给出了一些例子,需要的朋友可以参考下
数组的push()、pop()、shift()和unshift()方法
热门推荐
luck_lin
01-14 8万+
JavaScript的数组是一个拥有堆栈和队列自身优点的global对象。也就是说JavaScript数组可以表现的像栈(LIFO)和队列(FIFO)一样操作。这也是JavaScript数组强大的可操作性的体现。 堆栈和队列 栈和队列都是动态的集合，在栈中，可以去掉的元素是最近插入的那一个。栈实现了后进先出。在队列中，可以去掉的元素总是在集合中存在的时间最长的那一个。队列实现了先进先出
JS数组常用的方法shift,unshift,splice,split,slice
qq_44742090的博客
08-11 8118
JS数组常用的方法 1.push push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。 2.pop pop() 方法用于删除并返回数组的最后一个元素。 3.shift shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。 4.unshift unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。 5.sort sort() 方法用于对数组的元素进行排序。 6.revere reverse() 方法用于颠倒数组中元素的顺序。 1到6代码演示
unshift()与shift()
weixin_30642561的博客
09-26 256
定义和用法： shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。 语法： arrayObject.shift(); // 返回数组原来的第一个元素的值。 提示：该方法会改变数组的长度。要删除并返回数组的最后一个元素，请使用 pop()...
js 常用函数 push()、pop()、shift()、unshift()、slice()、splice() 等
u014212540的博客
05-26 2万+
js 常用函数 push()、pop()、shift()、unshift()、slice()、splice() 等
两个简单方法--shift()和unshift();
苦艾酒
11-04 1万+
前端入门
JavaScript常用方法push、pop、shift、unshift、concat、join的封装与使用
麦 -_- 的博客
06-10 681
JavaScript常用方法push、pop、shift、unshift、concat、join的封装 push() 在数组尾部添加一个或多个新元素，并且返回数组的新长度 var arr = [1,2,3]; var arr1 = arr.push(4); console.log(arr,arr1);//[1,2,3,4] 4 var arr2 = arr.push(5,6,7); console.log(arr,arr2);//[1,2,3,4,5,6,7] 7 push()封装： var arr=
数组方法浅谈及四种基本用法Push()、pop()，unshift()、shift()
刘远的编程技术博客
08-21 4582
数组是什么？ 数组：数组即有序的元素序列，作用：使用单独的变量名来存储一系列的值。 创建数组的两种基本方式？ 1：使用Array构造函数 Var one= new Array();//创建一个空的数组 Var two= new Array(20);//创建一个包含20个项的数组 Var arr=new Array(“lily”,”lucy”,”admin”);//创建一个包含三个字符串...
JS的unshift()和shift()
m0_62387059的博客
06-23 1373
unshift() -向数组开头添加一个或多个元素，并返回新的数组长度-向前边插入元素以后，其他的元素索引会依次调整与push（）大同小异，可以参考push（）的文章；shift() -可以删除数组的第一个元素，并将被册除的元素作为返回值返回...
javaScript 重写unshift（）方法
HTongi的博客
08-16 433
Array.prototype.unshift()是数组原型中的非静态方法,用于在数组开头插入一个或多个元素,并且返回数组长度,参数是要插入的值.并且原值是要改变的 在了解本来的功能之后就可以开始重写了 //将重写的方法添加到原型当中 Array.prototype.myUnshift = function() { //这里我们从后往前遍历,因为是在数组前面添加元素,这样就不会丢失数据,长度是原来数组的长度加上要添加的元素个数 for (var i = t
js数组操作大全（pop,push,unshift,splice,shift方法）
肖肖肖丽珠的博客
02-18 3216
pop  最后删除 var a = [1,2,3,4,5]; a.pop();  //a：[1,2,3,4] push 最后添加 var a = [1,2,3,4,5];  a.push(6,7);    //1,2,3,4,5,6,7 shift      开头删除 var a = [1,2,3,4,5];  a.shift();   /
js中数组方法push()、shift()与pop()、unshift()的区别
DCX_abc的博客
09-08 3470
1、push()是用来在数组末端添加项，shift()在移除数组的第一个项。 2、pop()在数组末端移除项，unshift()在数组前端添加项。 3、push(),unshift()在推入多个项时，各个项之间的顺序不变。 4、push(),unshift()将数组的长度+1并且返回的是数组的长度；pop(),shift()将数组length-1并返回的是移除的项
数组方法unshift
最新发布
09-15
数组方法unshift()用于将一个或多个元素添加到数组的开头，并返回新的数组长度。它会修改原始数组。 例子： ``` var arr = [1, 2, 3]; arr.unshift(4, 5); console.log(arr); // [4, 5, 1, 2, 3] ``` 在上述例子中...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值