发表文章

[最新] js 内置对象之数组Array

dengdongxia 24天前 0

2018/08/29

前言:前天刚做完一个公司的校招笔试题,其中有考到数组的基础方法,故今天在此对其做一番总结,从而温故而知新。

一、数组的创建方式

1、通过‘[ ]’

(1)var arr1 = []; //创建空数组

(2)var arr2 = [1, 2, 3]; //直接创建一个包含三个元素分别为1, 2, 3的数组

2、通过new Array()

(1)var arr3 = new Array(); //创建空数组

(2)var arr4 = new Array(); //创建长度为10的数组

(3)var arr5 = new Array(1, 1, 2, 3, 4); //创建数组并初始化值为1,1,2,3,4

(4)var arr6 = new Array([3]); //创建数组,第一个值初始化为3

(5)var arr7 = new Array([1, 2], [3, 4]); //创建一个二维数组,并初始化值为: [1, 2], [3, 4]

注:两种创建方式的区别

通过'[]'是直接告诉处理器创建一个新的运行时数组,无需进行其他处理

通过new Array()是让解释器直接查找执行上下文,找到构造函数,并调用它,从而生成数组对象。

推荐使用'[]'

 

二、Array 对象属性

1、constructor: 返回对创建此对象的数组函数的引用

2、length: 设置或返回元素的数目

3、prototype: 使有能力向对象添加属性和方法

 

三、Array 对象方法

分两类:根据是否对原数组产生影响

1、不改变原数组本身

(1)concat() : 连接两个或更多的数组,并返回结果

(2)join(): 把数组所有元素通过join传入的参数进行连接,结果返回一个元素拼接起来的字符串

(3)slice(): 从某个已有的数组返回选定的元素

 语法:array.slice(start, end)

//start(必需),表示从何处开始选取,为负数时,表示从尾部开始算

//end(可选),规定从何处结束选取,不填则表示一直选取到数组尾部

(4)toSource(): 返回该对象的源代码

兼容性:只有Gecko核心的浏览器才支持(比如 Firefox), 故IE/Safari/Chrome/Opera均不支持

(5)toString(): 把数组转换成字符串,并返回结果

var b = [1,12345678]

b.toString(); //"1,12345678"

(6)toLocaleString(): 把数组转换为本地字符串,并返回结果

var b = [1,12345678]

b.toLocaleString(); //"1,12,345,678"

(7)valueOf(): 返回数组对象的原始值

 

2、改变原数组本身

(1)pop(): 删除并返回数组的最后一个元素

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

(3)reverse(): 颠倒(原)数组中元素的顺序

(4)shift(): 删除并返回数组的第一个元素

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

(6)sort(): 对数组的元素进行排序

语法:array.sort(sortby) //sortby(可选),规定排序顺序,须是函数

(7)splice(): 删除元素,并向数组添加新元素,然后返回被删除的元素

语法: array.splice(index, number, item1, item2, ..., itemX)

//index(必需),整数,规定添加/删除项目的位置

//number(必需),要删除的项目数,为0则不删除

//item(可选),向数组添加的新项目

参考链接:http://www.w3school.com.cn/jsref/jsref_obj_array.asp

 

 

相关推荐
最新评论 (0)
返回
发表文章
dengdongxia
文章数
11
评论数
0
注册排名
769880