微信扫一扫打赏支持

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>

 

 

 
posted @ 2020-05-05 10:35  范仁义  阅读(2073)  评论(0)  编辑  收藏  举报