js操作数组的11个方法(详解)_js 操作数组

1:concat()

连接两个或更多的数组的方法(不修改原数组)

var arr1 = [1,2,3];
var arr2 = [4,5,6];
var newarr = arr1.concat(arr2)
console.log(newarr)
1
2
3
4

示例:

2:join()

用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。
返回一个字符串。该字符串是通过把 arrayObject 的每个元素转换为字符串，然后把这些字符串连接起来，在两个元素之间插入separator 字符串而生成的。(未指定默认使用逗号“，”)

  var arr=[1,2,3]
  var str=arr.join("+")
  console.log(str)
1
2
3

示例:

3:toString()

把数组转成字符串然后通过逗号隔开

var arr=[1,2,3];
var string = arr.toString()
console.log(string)
	
1
2
3
4

示例:

4:slice()

从已有的数组中返回指定的元素
语法：

var string = arr.slice(start,end)//start==>开始位置下标   end==>结束位置下标
var arr = [1,2,3,4,5,6,7,8,9,10]
var subArr = Arr.slice(2,4)
console.log(subArr)
1
2
3
4

示例:

5:splice()

删除 插入 会修改原数组
var arr=[]
语法：var temp = arr.splice(num1,num2)
arr:被切割数组
temp：切割完获取数组元素的数组
num1：切割开始的下标
num2：切割多少位

var del = [1,2,3,4,5,6,7,8,9]
var delected = del.splice(3,5)
console.log(delected)
console.log(del)
1
2
3
4

示例:

6:push()

向数组的末尾添加一个或多个的新元素,并返回新的长度（用来改变数组长度）

var arr=[1,2,3]
arr.push(4)
arr.push(4,5,6)
console.log(arr)
1
2
3
4

示例:

7:pop()

删除并返回最后一个元素(直接修改原数组)

var arr=[1,2,3,4,5]
var newarr = arr.pop()
console.log(newarr)
console.log(arr)
1
2
3
4

示例:

8:shift()

删除并返回第一个元素(直接修改原数组)

var arr=[1,2,3,4,5]
var newarr = arr.shift()
console.log(newarr)
console.log(arr)
1
2
3
4

示例:

9:unshift()

可向数组的开头添加一个或更多元素，并返回新的长度

var arr=[1,2,3];
var newarr= arr.unshift("0")
console.log(newarr)
console.log(arr)
1
2
3
4

示例:

10:sort()

排序

var arr=[9,1,3,6,7,2,8,5,4]
var newarr = arr.sort()
console.log(newarr)
1
2
3

示例:

11:reverse()

颠倒的数组顺序

var arr=[1,2,3,4,5,6,7,8,9]
var newarr = arr.reverse()
console.log(newarr)
1
2
3

示例: