js - base 1.数组对象

324 阅读2分钟
下面这篇文章是属于自我总结学习的第一篇文章,原本有一些方法的返回值不确定是什么,所以复习一下,
顺便就把所有的属性方法总结了一下,不对的地方或者意见欢迎在评论区评论。

查看更详细更官方的童鞋可以前往www.w3school.com.cn/jsref/jsref…进行查看

数组对象

  • 创建方式
  • 属性
  • 方法

1.创建方式

主要有三种创建方式,但是这三种相比而言,个人感觉第二种会用的较多一点。现实中程序猿们应该是更喜欢这种方式来定义一个数组 
let/const/var arrayItem = []
  • 方式一:new Array(), 初始化了一个长度为0的数组,返回值为初始化的数组
  • 方式二:new Array(length), 定义一个长度为length, 元素为undefined的数组,返回值为定义之后的数组
    const arrayItem  = new Array(3)
    // arrayItem: [undefined, undefined, undefined]
  • 方式三:new Array(item1,item2, ..., itemn), 定义一个元素为指定参数的数组,返回值为定义之后的数组
    const arrayItem  = new Array(2,4,1,5)
    // arrayItem: [2,4,1,5]

⚠️当把构造函数作为函数调用,不使用 new 运算符时,它的行为与使用 new 运算符调用它时的行为完全一样

2.属性

  • 属性一:length, 属于常用的数组属性,用于查看和设置数组的元素个数。
    const arrayItem  = new Array()
    arrayItem.length = 3
    // arrayItem: [undefined, undefined, undefined]
    const itemLength = arrayItem.length
    // itemLength: 3
  • 属性二:constructor, 返回对创建此对象的数组函数的引用, 例子可以查看官方例子www.w3school.com.cn/jsref/jsref…, 里面两个例子结合研究,更方便了解constructor的用处。
  • 属性三:prototype: 向对象添加属性和方法的一个中间属性。
官方例子:
function employee(name,job,born)
{
this.name=name
this.job=job
this.born=born
}
var bill=new employee("Bill Gates","Engineer",1985)
employee.prototype.salary=null
bill.salary=20000
console.log(bill.salary)

3.方法

  • 方法一:concat(), 连接两个或两个以上数组,返回连接之后的结果
  • 方法二:join(), 元素按照指定分隔符分隔,转成字符串, 返回字符串
  • 方法三:pop(),删除数组的最后一个元素,返回删除的元素
  • 方法四:push(),末位添加一个或多个元素,返回新的长度
  • 方法五:reverse(), 颠倒数组中元素的顺序, 返回新的数组
  • 方法六:shift(), 删除数组第一个元素,返回删除的数组
  • 方法七:slice(), 在已有数组中选定数组,并返回选定的数组
  • 方法八:sort(), 对数组的元素进行排序,参数是函数,返回排序之后的数组,默认从小到大
  • 方法九:splice(), 删除一个或多个元素,添加新的元素,在原数组上操作处理
  • 方法十:unshift(), 开头添加一个或多个元素,并返回添加之后的数组长度
  • 方法十一:toString(), 数组转成字符串