Array

Array

1. length属性

length属性是一个0到2的32次方减1的整数,length并不表示数组中定义值的个数,比如说:

let arr = [1,2,3,4]
arr.length = 5
for( let key of arr) {
     console.log(key )
}
//结果
1
2
3
4
undefined

利用数组的length属性可以截断数组,比如:

let numbers = [1,2,3,4,5]

numbers.length = 4

for (let key of numbers) {
    console.log(key)
}

// 结果
1
2
3
4

2. Array.prototype

Array.prototype表示Array构造函数的原型,并可以向所有Array对象添加新的属性和方法,比如添加一个新方法,返回这个数组的第一个元素的方法

if (!Array.prototype.first) {
      Array.prototype.first = () =>{
            return this[0]
      }
}

实际上Array实例继承自Array.prototype,与所有的构造函数一样,我们可以更改构造函数的原型对象,对Ayyay实例进行更改。

Array.prototype本身也是一个Array
Array.isArray(Array.prototype) // true

3. method

3.1 Array.from()

Array.from()方法是伪数组或可迭代的对象(包括arguments Array,Map,Set,String...)装换成数组对象 如:

let str = 'dfasdf'
console.log( Array.from(str) )
//结果
[ 'd', 'f', 'a', 's','d', 'f']

Array.from()方法可以传三个参数

Array.from(arrayLike, mapFn, thisArg)

arrayLike: 要装换的伪数组或可迭代的对象

mapFn : 可选参数,新数组中的每个元素都会执行这个函数

thisArg : 可选参数,执行回调函数时的this对象

let str = '234234324987877'
Array.from(str, (item) => {
  if(parseInt(item) > 5) {
        console.log(item)
  }
})
// 结果
9
8
7
8
7
7
3.2 Array.isArray()

Array.isArray()用于确定传递的值是否是个Array
如果传递的对象是一个Array则返回true, 否则 false

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本文转载自@陈铮半年前的博文,原文地址:JavaScript Array 原型方法 大盘点 数组是一个超常用的数据...
    浙大javascript联盟阅读 815评论 0 4
  • 构造函数 Array是JavaScript的内置对象,同时也是一个构造函数,可以用它生成新的数组。Array构造函...
    zjh111阅读 796评论 0 0
  • Array构造函数 当Array被当做一个函数调用时,也会创建并初始化一个新的Array对象。因此,当参数相同时,...
    小兔纸Nicole阅读 399评论 0 0
  • array 构造器 通常使用字面量去声明 以下例外 array更为简洁 未使用new 浏览器会做如下操作 Arr...
    summer_1874阅读 317评论 0 0
  • 《牡丹赋》原文 古人言花者,牡丹未尝与焉。盖遁乎深山,自幽而著。以为贵重所知,花则何遇焉?天后之乡,西河也,有众香...
    传山阅读 4,145评论 1 4