JavaScript数组类型详解

大家好，今天我们来分享一下JavaScript数组类型

Array可以包含任何的数据类型

打开浏览器：

创建数组：

var arr =[1,2,3,4,5,6,7,8,9]
undefined

截图：

打印数组元素：

console.log(arr)
VM2388:1 (9) [1, 2, 3, 4, 5, 6, 7, 8, 9]0: 11: 22: 33: 44: 55: 66: 77: 88: 9length: 9[[Prototype]]: Array(0)
undefined

截图：

显示数组长度：

arr.length
9

截图：

通过数组下标更改数组当中第一个元素

arr[0]=0
0

再次查看：

给数组的长度设置为10

arr.length=10
10

再次查询数组元素
发现有一个空地

查看一个不存在的元素

arr[11]
undefined

截图：

将数组长度变小

arr.length=2
2

截图：

再次查看数组元素：

我们可以看见，原先有10个元素的数组只有两个了

所以，要注意，如果给arr.length 赋值，数组的大小会发生变化，如果规定的数组长度过于小，元素就会丢失

indexOf: 通过元素获得下标索引

arr.indexOf(2)
1

截图：

创建一个新的数组，注意这里有两个1

arr =[1,2,3,4,5,6,7,8,"1","2"]
(10) [1, 2, 3, 4, 5, 6, 7, 8, '1', '2']

通过元素获得下标索引: 查找数组当中1所处的下标索引

arr.indexOf(1)
0

查找数组当中"1"所处的下标索引

arr.indexOf("1")
8

截图：

在这个数组当中，1和"1"不是一回事，这是独立的个体

下一个讲，slice() 截取Array的一部分，返回一个新数组
类似于String中的substring

arr.slice(3)
(7) [4, 5, 6, 7, 8, '1', '2']     //'1', '2’会冒红

截图：

push : 在数组尾部加上新的元素

arr.push("n","k")
12

截图：

console.log(arr)
VM2954:1 (12) [1, 2, 3, 4, 5, 6, 7, 8, '1', '2', 'n', 'k']0: 11: 22: 33: 44: 55: 66: 77: 88: "1"9: "2"10: "n"11: "k"length: 12[[Prototype]]: Array(0)
undefined

截图：

pop : 将数组当中尾部元素清除出去

arr.pop()     //将最后一个元素从数组当中清除出去
'k'

截图：

arr.unshift(“a”,“b”) //将"a" “b” 这两个元素加到数组的最前面

arr.unshift("a","b")
13
console.log(arr)
VM3114:1 (13) ['a', 'b', 1, 2, 3, 4, 5, 6, 7, 8, '1', '2', 'n']
undefined

截图：

arr.shift()
'a'
console.log(arr)
VM3154:1 (12) ['b', 1, 2, 3, 4, 5, 6, 7, 8, '1', '2', 'n']
undefined

arr.shift() 把数组当中最前面的元素给清除掉

截图：

创建一个新的数组
并且，在后面加上一个 ‘A’

arr =['B','C']
(2) ['B', 'C']0: "B"1: "C"length: 2[[Prototype]]: Array(0)
arr.push('A')
3
console.log(arr)
VM3248:1 (3) ['B', 'C', 'A']
undefined

截图：

元素反转 arr.reverse()

arr =['A','B','C']
(3) ['A', 'B', 'C']
arr.reverse()
(3) ['C', 'B', 'A']

arr.concat: 这是拼接的意思

arr.concat([1,2,3])
(6) ['C', 'B', 'A', 1, 2, 3]

concat() 没有改变原先的数组，只是返回一个新的数组

连接符join

拼接数组，使用特定的字符串连接

arr.join('-')
'C-B-A'

截图;

多维数组：

arr =[[1,2],[3,4],["5","6"]];
(3) [Array(2), Array(2), Array(2)]

截图;

看Object 是它们的祖宗

arr[1][1]
4

截图：

好了，有关于JavaScript的数组类型就讲到这里了，谢谢大家