js 数组代码介绍...

147 阅读2分钟
/**
数组操作:常用方法整理
*/

// 1.万物终有始终,创建一个数组吧!
var arr = [1,2,3,4,5,6]

// 2.数组总要有变成字符串的一天。
var arr1 = arr.join() 
console.log(arr) // [1,2,3,4,5,6]
console.log(arr1)//1,2,3,4,5,6 返回了一个新数组。

// 下面的会改变原数组哦


// 3.删除数组最后一个元素
var arr2 = arr.pop() //返回被删除的最后一个元素
console.log(arr2)    // 6
console.log(arr)     // [1,2,3,4,5]
// 4.在数组最后添加一个或多个元素
var arr3 = arr.push(6)
console.log(arr3)   // 6
console.log(arr)    //  [1,2,3,4,5,6]
// 5. 数组翻转
var arr4 = arr.reverse()
console.log(arr4) //[6,5,4,3,2,1]
console.log(arr)  //[6,5,4,3,2,1]

arr.reverse()

//6.删除第一个元素
var arr5 = arr.shift()
console.log(arr5) //1
console.log(arr)  // [2,3,4,5,6]

//7.头部添加一个或者多个元素
var arr6 = arr.unshift(1)
console.log(arr6) //6
console.log(arr)  //[1,2,3,4,5,6]

// 8.排序
var arr7 = arr.sort()
console.log(arr7) //[1,2,3,4,5,6]
console.log(arr)  //[1,2,3,4,5,6]

// 9.截取数组
var arr8 = arr.splice(1,2) //参数 从何处删除(必须) ,删除几个(必须),添加的元素N(非必须)
console.log(arr8) //[2,3]
console.log(arr)  //[1,4,5,6]
var arr9 = arr.splice(1,0,2,3)
console.log(arr9) //[]
console.log(arr)  //[1,2,3,4,5,6]

// 10.数组中是否含有元素的下表呢?
var arr9 =arr.indexOf(1)
var arr10 = arr.indexOf('a')
console.log(arr9) //0   存在下标
console.log(arr10) //-1 不存在

// 11.元素是否匹配到值
var arr11 = arr.includes(1)
var arr12 = arr.includes('a')
console.log(arr11) //true
console.log(arr12) //false

// 12.forEach 循环
var arr13 =[]
arr.forEach((item)=>{
	arr13.push(item+1)
})
console.log(arr)
console.log(arr13)

// 13.map循环 生成新数组
var arr14 = arr.map((item)=>{
	return item+1
})
console.log(arr)
console.log(arr14)

// 14.every 检查数组中每个元素都满足条件
var arr15 = arr.every(item=>{
	return item == 0
})
console.log(arr15)

// 15.filter
var arr16 = arr.filter(item=>{
	return item >3
}) 
console.log(arr16)

// 16.some 是否有一个元素满足
var arr17 = arr.some(item=>{
	return item == 0
})
console.log(arr17)

// 17. reduce() 元素技术 前 后 计算
var arr18 = arr.reduce((item1,item2)=>{
	 return item1 + item2
})
console.log(arr18)

// 18. reduceRight() 翻转
var arr19 = arr.reduceRight((item)=>{
	return item
})
console.log(arr19)