前端面试 数组的相关属性整理

  1. Array.length:

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/length

length 是 Array 的实例属性, 返回或设置一个数组中的元素个数。该值是一个无符号 32-bit 整数。并且总是大于数组最高项 的下标

  1. length 属性值是一个 0 - 2^32 -1 的 整数
  2. 你可以设置length 属性来截断 任何的数组
  3. Array.prototype 属性表示 Array 构造函数的原型, 并允许您向所有的 Array 对象添加新的属性和方法 Array的 实例继承自 Array.prototype . 与所有的构造函数一样,你可以去更改构造函数的原型对象,以及对所有的 Array 实例进行更改 鲜为人知的事实: **Array.prototype 本身也是一个 Array **

**属性值: ** Array.prototype.constructor : 所有的数组实例都继承了这个属性, 它的值就是 Array. 表明了所有的数组都是由 Array 构造出来的 Array.prototype.length 因为 Array.prototype 也是个数组,所以它也有 length 属性, 这个值为0 因为它 是一个空数组

会改变自身方法:

  1. Array.prototype.copyWithin() 在数组内部, 将一段元素序列拷贝到另一段元素序列上, 覆盖原有的值
  2. Array.prototype.fill() 在数组中 指定区间的所有元素的值, 都替换成某个固定的值
  3. Array.prototype.pop() 删除数组的最后一个元素,并返回这个元素
  4. Array.prototype.push() 在数组的末尾增加一个或多个元素, 并返回数组的新长度
  5. Array.prototype.reverse() 颠倒数组中元素的排列顺序, 即原先的第一个变成最后一个,最先的最后一个变成第一个
  6. Array.prototype.shfit() 删除数组中的第一个元素,并返回这个元素
  7. Array.prototype.sort() 对数组元素进行排序,并返回当前的数组
  8. Array.prototype.splice() 在任意位置给数组添加或者删除人一个元素
  9. Array.prototype.unshfit() 在数组的开头增加一个或者多个元素, 并返回数组的新长度

不会改变自身的方法:

下面这些方法绝对不会改变调用他们的对象的值, 只会返回一个新的数组或者返回一个其他的期望值

  1. Array.prototype.concat() 返回一个由当前数组和其他若干数组个非数组值组合而成的新数组
  2. Array.prototype.includes() (实验性的API) 判断当前数组是否包含某个指定的值,如果是返回true, 否则返回 false
  3. Array.prototype.join() 连接所有的数组元素组成一个字符串
  4. Array.prototype.slice() 抽取当前数组中的一段元素组合成一个新数组
  5. Array.prototype.toString() 返回一个由所有数组元素组合而成的字符串,遮蔽原型链上的 Object.prototype.toString() 方法
  6. Array.prototype.indexOf() 返回数组中第一个与指定值相等的元素的索引,如果找不到这样的元素,则返回 -1
  7. Array.prototype.lastIndexOf() 返回数组中个最后一个(从右边数第一个) 与指定值相等的元素的索引, 如果找不到这样的元素,则返回 -1

遍历方法: 在下面的众多遍历方法中,有很多方法都需要指定一个回调函数作为参数。在每一个数组元素都分别执行完回调函数之前,数组的length属性会被缓存在某个地方,所以,如果你在回调函数中为当前数组添加了新的元素,那么那些新添加的元素是不会被遍历到的。此外,如果在回调函数中对当前数组进行了其它修改,比如改变某个元素的值或者删掉某个元素,那么随后的遍历操作可能会受到未预期的影响。总之,不要尝试在遍历过程中对原数组进行任何修改,虽然规范对这样的操作进行了详细的定义,但为了可读性和可维护性,请不要这样做。

  1. Array.prototype.forEach() 为树组中的每一个元素执行一次回调函数
  2. Array.prototype.every() 如果数组中的每一个元素都满足测试函数,则返回 true, 否则返回 false
  3. Array.prototype.some() 如果数组中的至少有一个元素满足测试函数, 则返回 true, 否则返回 false
  4. Array.prototype.filter() 将所有在过滤中返回 true 的数组元素放进一个新数组中并返回
  5. Array.prototype.find() 找到第一个满足测试函数的元素并返回那个元素的值, 如果找不到,则返回 undefined
  6. Array.prototype.map() 返回一个由 回调函数的返回值组成的新数组
  7. Array.prototypereduce() 从左到右为每一个数组执行yci回调函数, 并把上次回调函数的返回值放在一个暂存器中传给下次的回调函数, 并返回最后一个回调函数的返回值
  8. Array.prototype.reduceRight() 从右到左为每一个数组元素执行一次回调函数, 并把上一次回调函数的返回值放在一个暂存器中创给下次的回调函数, 并返回最后一次回调函数的返回值

通用方法: 在 JavaScript 中,很多的数组方法被故意设计成是通用的。也就是说,那些看起来像是数组的对象(类数组对象),即拥有一个 length 属性,以及对应的索引属性(也就是数字类型的属性,比如 obj[5])的非数组对象也是可以调用那些数组方法的。其中一些数组方法,比如说 join 方法,它们只会单纯的读取当前对象的 length 属性和索性属性的值,并不会尝试去改变这些属性的值。而另外一些数组方法,比如说 reverse 方法,它们会尝试修改那些属性的值,因此,如果当前对象是个 String 对象,那么这些方法在执行时就会报错,因为字符串对象的 length 属性和索引属性都是只读的。

转载于:https://my.oschina.net/u/3520255/blog/3043837

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值