数组的常用方法
-
数组是一个复杂数据类型,我们在操作它的时候就不能再像基本数据类型一样操作了
-
比如我们想改变一个数组
// 创建一个数组
var arr = [1, 2, 3]
// 我们想把数组变成只有 1 和 2
arr = [1, 2]
-
这样肯定是不合理,因为这样不是在改变之前的数组
-
相当于心弄了一个数组给到
arr
这个变量了 -
相当于把
arr
里面存储的地址给换了,也就是把存储空间换掉了,而不是在之前的空间里面修改 -
所以我们就需要借助一些方法,在不改变存储空间的情况下,把存储空间里面的数据改变了
-
数组常用方法之 push
-
push
是用来在数组的末尾追加一个元素var arr = [1, 2, 3]
// 使用 push 方法追加一个元素在末尾
arr.push(4)
console.log(arr) // [1, 2, 3, 4]
数组常用方法之 pop
-
pop
是用来删除数组末尾的一个元素var arr = [1, 2, 3]
// 使用 pop 方法删除末尾的一个元素
arr.pop()
console.log(arr) // [1, 2]
数组常用方法之 unshift
-
unshift
是在数组的最前面添加一个元素var arr = [1, 2, 3]
// 使用 unshift 方法想数组的最前面添加一个元素
arr.unshift(4)
console.log(arr) // [4, 1, 2, 3]
数组常用方法之 shift
-
shift
是删除数组最前面的一个元素var arr = [1, 2, 3]
// 使用 shift 方法删除数组最前面的一个元素
arr.shift()
console.log(arr) // [2, 3]
数组常用方法之 splice
-
splice
是截取数组中的某些内容,按照数组的索引来截取 -
语法:
splice(从哪一个索引位置开始,截取多少个,替换的新元素)
(第三个参数可以不写)var arr = [1, 2, 3, 4, 5]
// 使用 splice 方法截取数组
arr.splice(1, 2)
console.log(arr) // [1, 4, 5]
-
arr.splice(1, 2)
表示从索引 1 开始截取 2 个内容 -
第三个参数没有写,就是没有新内容替换掉截取位置
-
arr.splice(1, 2, '我是新内容')
表示从索引 1 开始截取 2 个内容 -
然后用第三个参数把截取完空出来的位置填充
-
var arr = [1, 2, 3, 4, 5]
// 使用 splice 方法截取数组
arr.splice(1, 2, '我是新内容')
console.log(arr) // [1, '我是新内容', 4, 5]
-
数组常用方法之 reverse
-
reverse
是用来反转数组使用的var arr = [1, 2, 3]
// 使用 reverse 方法来反转数组
arr.reverse()
console.log(arr) // [3, 2, 1]
数组常用方法之 sort
-
sort
是用来给数组排序的var arr = [2, 3, 1]
// 使用 sort 方法给数组排序
arr.sort()
console.log(arr) // [1, 2, 3]
-
这个只是一个基本的简单用法
-
数组常用方法之 concat
-
concat
是把多个数组进行拼接 -
和之前的方法有一些不一样的地方,就是
concat
不会改变原始数组,而是返回一个新的数组var arr = [1, 2, 3]
// 使用 concat 方法拼接数组
var newArr = arr.concat([4, 5, 6])
console.log(arr) // [1, 2, 3]
console.log(newArr) // [1, 2, 3, 4, 5, 6]
-
注意:
concat
方法不会改变原始数组
-
数组常用方法之 join
-
join
是把数组里面的每一项内容链接起来,变成一个字符串 -
可以自己定义每一项之间链接的内容
join(要以什么内容链接)
-
不会改变原始数组,而是把链接好的字符串返回
var arr = [1, 2, 3]
// 使用 join 链接数组
var str = arr.join('-')
console.log(arr) // [1, 2, 3]
console.log(str) // 1-2-3
-
注意: **join 方法不会改变原始数组,而是返回链接好的字符串**
-