zoukankan      html  css  js  c++  java
  • JS数组常用方法---3、pop方法使用及原理

    JS数组常用方法---3、pop方法使用及原理

    一、总结

    一句话总结:

    pop方法的作用是删除数组最后一个元素,并返回该元素的值,pop方法不需要参数,返回值是删除的元素的值,pop方法影响原数组
    pop方法
    作用:删除数组最后一个元素,并返回该元素的值
    参数:没有参数
    返回值:删除的元素的值
    是否影响原数组:肯定影响

    1、数组的push方法结合pop方法,可以用数组来模拟栈操作?

    入栈操作就是push,出栈操作就是pop

    2、pop方法删除数组最后面1个元素的原理是什么?

    直接把数组的length减1即可
    //2、简单的实现pop方法
    Array.prototype.pop1=function () {
      //a、返回数组的最后一个值
      let val=this[this.length-1];
      //b、删除数组里面最后的元素
      this.length--;
      return val;
    };
    let arr=[1,2,3,4];
    let val=arr.pop1();
    arr.pop1();
    console.log(arr);
    console.log(val);

    二、pop方法使用及原理

    博客对应课程的视频位置:3、pop方法使用及原理
    https://www.fanrenyi.com/video/25/217

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>pop方法使用及原理</title>
     6 </head>
     7 <body>
     8 <!--
     9 
    10 pop方法
    11 作用:删除数组最后一个元素,并返回该元素的值
    12 参数:没有参数
    13 返回值:删除的元素的值
    14 是否影响原数组:肯定影响
    15 
    16 
    17 数组的push方法结合pop方法,可以用数组来模拟栈操作
    18 入栈操作就是push,出栈操作就是pop
    19 
    20 
    21 pop方法删除数组最后面1个元素的原理是什么
    22 直接把数组的length减1即可
    23 
    24 -->
    25 <script>
    26     // let arr=[1,2,3,4];
    27     // let val=arr.pop();
    28     // arr.pop();
    29     // console.log(arr);
    30     // console.log(val);
    31 
    32     //2、简单的实现pop方法
    33     // Array.prototype.pop1=function () {
    34     //     //a、返回数组的最后一个值
    35     //     let val=this[this.length-1];
    36     //     //b、删除数组里面最后的元素
    37     //     this.length--;
    38     //     return val;
    39     // };
    40     // let arr=[1,2,3,4];
    41     // let val=arr.pop1();
    42     // arr.pop1();
    43     // console.log(arr);
    44     // console.log(val);
    45 
    46     //3、push方法加pop方法用数组来模拟栈
    47     //入栈 push  出栈pop
    48     let stack=[1,2,3,4];
    49     stack.push(5);
    50     stack.push(6);
    51     stack.pop();
    52     stack.pop();
    53     stack.pop();
    54     console.log(stack);
    55 
    56 </script>
    57 </body>
    58 </html>
     
  • 相关阅读:
    js深拷贝和浅拷贝
    Entity Framework在WCF中序列化的问题
    EF Code First学习笔记:数据库创建
    Entity Framework Code First级联删除
    EF Code First 学习笔记:表映射
    Func与Action
    jsp/servlet页面跳转丢失样式问题
    Tomcat中配置URIEncoding="UTF-8"来处理中文的方法
    Android studio 自动导入(全部)包 import
    LInux系统配置
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/12828756.html
Copyright © 2011-2022 走看看