JS数组方法使用详解（一）（仅供参考，不包会！）

zhangchen • • 杂文

导读

数组是什么
创建数组的方法
构造函数
数组的特点
如何访问数组
如何遍历数组
array.length
Array.is.Array()
push()
pop()
shift()
unshift()
Array.reverse()

数组是什么

定义
-数组是一种特殊的变量，它能够一次存放一个以上的值
-数组是一种数据类型

创建数组的方法

字面量法

var arr = ["a","b","c"];

构造函数法

var arr = new Array("a","b","c")

构造函数

-语法：任何一个构造函数在构造对象的时候，必须遵循固定语法
-构造函数就是构造对象的一种模具（函数）

数组的特点

-数组是有索引的。
...数组的第一个值的索引是0
...数组的第二个值的索引是1
...以此类推
...数组的最后一个值的length - 1

如何访问数组

-使用中括号法访问数组元素
示例

const arr = [1,2,3]
console.log(arr[0])  //1
console.log(arr[1])  //2
console.log(arr[2])  //3
console.log(arr[3])  //undefined

如何遍历数组

for循环

var arr1 = [1,2,3]
var arr2 = []
for(var i=0; i

array.length

定义
-返回数组长度
语法
1.主人是数组
2.length是属性，没有参数
返回值
-数组长度
注意
-length - 1是任何一个数组最后一个元素，[]空数组的length是0

Array.is.Array()

定义
Array.isArray()方法用于检测是否为Array（数组）。
语法

Array.isArray(value)

-value：要检测的值
返回值
-true：如果是数组，返回true
-false：如果不是数组，返回false
示例(原则：用最简单的例子诠释知识点)

var str = 'hello world'
var arr = [1,2,3]
console.log(Array.isArray(str))  //false
console.log(Array.isArray(arr))  //true

push()

定义
-push()向数组的末尾添加一个或多个元素，并返回新的长度。

语法

array.push(item1, item2, ..., itemX)

-item：要添加的元素
-item：一次可以添加多个元素，多个元素之间用逗号分隔。

返回值
-数组新长度。

示例

var arr = [1,2,3]
arr.push(4,5,6)
//输出结果为：Array(6) [ 1, 2, 3, 4, 5, 6 ]

pop()

定义
pop()方法用于删除数组最后一个元素。

语法

array.pop()
//无参数

返回值
被删除的项目组

示例

var arr = [1,2,3,4,5]
arr.pop()
//输入结果为：Array(4) [ 1, 2, 3, 4 ]

shift()

定义
shift()删除数组中的第一个元素

语法

array.shift()
//无参数

返回值
被删除的数组项目。

示例

var array = [1,2,3]
array.shift()
//返回值为：2,3

unshift

定义
unshift() 方法将新项添加到数组的开头，并返回新的长度。
语法

array.unshift(item1,item2, ..., itemX)

参数：item1, item2, ..., itemX
返回值
数组的新长度
示例

var array = [4,5,6]
array.unshift(1,2,3)
//返回值为：Array(6) [ 1, 2, 3, 4, 5, 6 ]

Array reverse()

定义
反转数组中元素的顺序
语法

array.reverse()

无参数
返回值
反转后的数组
示例

var arr = [1,2,3]
arr.reverse()
//返回值：3，2，1

版权声明：
作者：zhangchen
链接：https://www.techfm.club/p/46173.html
来源：TechFM
文章版权归作者所有，未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>