js数组常用方法

js数组常用方法

1、push() 末尾添加

var arr=[1,2,3,4,5]
var data=arr.push(6)
//直接改变原始数据，返回值是添加过后数组的长度
console.log(arr) //[1,2,3,4,5,6]
console.log(data) //6  添加过后数组的长度

2、pop() 末尾删除

var arr=[1,2,3,4,5,6]
var data=arr.pop()
//直接改变原始数据，返回值是被删除的数据
console.log(arr) //[1, 2, 3, 4, 5]
console.log(data) //6 删除的那一条数据

3、unshift()头部添加

var arr=[1,2,3,4,5]
var data=arr.unshift(0)
//直接改变原始数据，返回值是添加过后数组的长度
console.log(arr) //[0, 1, 2, 3, 4, 5]
console.log(data) //6  添加过后数组的长度

4、shift() 头部删除

var arr=[1,2,3,4,5]
var data=arr.shift()
//直接改变原始数据，返回值是是被删除的数据
console.log(arr) //[2, 3, 4, 5]
console.log(data) //1  删除的那一条数据

5、sort() 排序

var arr=[12,4,54,22]
var data=arr.sort()
//直接改变原数据，返回值是排序好的数组
console.log(arr) //[12, 22, 4, 54]
console.log(data) //[12, 22, 4, 54] 排序好的数据

6、reverse() 倒序

var arr=['h','e','l','l','o']
var data=arr.reverse()
//直接改变原数组，返回值是倒着的数组
console.log(arr) //['o', 'l', 'l', 'e', 'h']
console.log(data) //['o', 'l', 'l', 'e', 'h']

7、concat() 对数组进行拼接

var arr=['小明']
var data=arr.concat(['是谁'])
//不会改变原数组，它的返回值是拼接过后的数组
console.log(arr) //['小明']
console.log(data) //['小明', '是谁']

8、slice()截取数组中的值

var arr=['h','e','l','l','o']
var data=arr.slice(0,3)
//slice包左不包右
//不会改变原数组，返回值是截取过后的数组，
console.log(arr) //['h', 'e', 'l', 'l', 'o']
console.log(data)//['h', 'e', 'l']

9、splice()删除、插入、替换

var arr=['q','w','e','r','t','y','u','i','o','p']
//从下标2开始，删除5个元素,插入123
var data=arr.splice(2,5,123)
//原数组被改变，返回值是被删除的数组
console.log(arr)//['q', 'w', 123, 'i', 'o', 'p']
console.log(data)//['e', 'r', 't', 'y', 'u']

10、forEach() 循环

var arr=['赵','钱','孙','李','周','吴','郑','王']
arr.forEach(function(data){
console.log(data)//赵 钱 孙 李 周 吴 郑 王
})

11、indexOf()第一次出现的位置下标

    var arr=[1,2,3,4,5]
        var data=arr.indexOf(4)
        //不会改变原数组，返回值是值的下标
        console.log(arr);//[1, 2, 3, 4, 5]
        console.log(data);//3