面试题32:JS(ES5)的数组原型方法中,会改变原数组和不改变数组的方法

122 篇文章 11 订阅

一、JS数组方法中,会改变原数组的方法

(push、pop、shift、unshift、reverse、sort、splice)

原型方法:挂载在原型上,可以直接调用
    1.Array.prototype.push() 栈与队列的方法

        push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。

    2.Array.prototype.pop() 栈与队列的方法

        pop() 方法用于删除数组的最后一个元素并返回删除的元素。

    3.Array.prototype.shift() 栈与队列的方法

        shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。

    4.Array.prototype.unshift() 栈与队列的方法

        unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。

    5.Array.prototype.reverse() 排序方法

       reverse() 方法用于颠倒数组中元素的顺序。

    6.Array.prototype.sort() 排序方法

        sort() 方法用于对数组的元素进行排序。

        如果调用该方法时没有使用参数,将按字母顺序(Ascall编码)对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。如果要想进行升序或是降序排序的话,要提供比较函数。

    7.Array.prototype.splice() 操作方法

        splice() 方法用于添加或删除数组中的元素。

二、JS数组方法中,不会改变原数组的方法

(indexOf 、lastIndexOf 、every 、some 、filter 、map  、concat 、slice )
   1.Array.prototype.indexOf () 位置方法

        indexOf() 方法可返回数组中某个指定的元素位置。未找到返回-1。

   2.Array.prototype.lastIndexOf () 位置方法

       lastIndexOf() 方法可返回一个指定的元素在数组中最后出现的位置,从该字符串的后面向前查找。未找到返回-1。

   3.Array.prototype.every() 迭代方法

        every() 方法用于检测数组所有元素是否都符合指定条件(通过函数提供)。相当于逻辑符号

&&,全部为真才返回true。

   4.Array.prototype.some () 迭代方法

        some() 方法用于检测数组中的元素是否满足指定条件(函数提供)。相当于逻辑符号||,有一真的就返回true。

   5.Array.prototype.filter () 迭代方法

        filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。

   6.Array.prototype.map() 迭代方法

        map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。 map() 方法按照原始数组元素顺序依次处理元素。

   7.Array.prototype.concat () 操作方法

       concat() 方法用于连接两个或多个数组。

       该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。

   8.Array.prototype.slice () 操作方法

       slice() 方法可从已有的数组中返回选定的元素。

       slice()方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。

三、JS数组方法中,是否会改变原数组,由数组中是否有引用数据类型决定

   1.Array.prototype.forEach () 迭代方法

        forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。

        如果数组中都是基础数据类型(number,string,null,undefined ,boolean),forEach()不会改变原数组。

         如果数组中有是引用数据类型(对象(Object)、数组(Array)、函数(Function)。 ),forEach()改变了引用数据类型的值,原数组的也会改变,其原理就是指针指向问题。

对于基本数据类型,在栈内存中是按值存储,存储的就是真实的数据。
而引用数据类型,在栈内存中存储的是指向该对象的地址,需要通过引用访问的方式才能访问到对象中实际的数据。

回到forEach中,每次的currentValue得到的都是当前元素在栈内存中的值。

当前元素是基本数据类型的时候,currentValue实际上得到的值是该元素的真实的值,相当于是当前元素的副本,与当前元素没有啥关系。

当前元素是引用数据类型的时候,currentValue实际上得到的值是指向该对象的地址,当我们通过currentValue.属性的时候,访问的就是该对象本身。因为currentValue得到了该对象的地址,就相当于currentValue和该对象指向同一个地址,他们实际上是同一个对象,只是名字不同了而已。

所以当forEach操作基本数据类型的时候,并不会改变原数组中的值。而当forEach操作引用数据类型的时候,才会改变原数组中的值。
 

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值