// 1. includes()方法
// 用法: 用于判断数组里是否包含括号里的值 (可以为数字,字符串)
// 返回值: 如果包含就返回true,反之false
// const array = [1, 2, 3]
// console.log(array.includes(2))
// 2.indexOf()方法
// 用法: 用于判断数组里是否有括号里的值
// 返回值: 如果包含就返回对应的下标,如果没有就返回-1
// const array = ['a','b','c','d']
// console.log(array.indexOf('d'))
// 3.isArray()方法 [Array.isArray(val)]
// 用法: 用于判断括号里的值是否为数组
// 返回值: 如果传入的值为数组则返回true,反之为false
// console.log(Array.isArray(['a','b','c','d'])) //true
// console.log(Array.isArray('a')) //false
// 4.join()方法
// 用法: 用于将数组分割成字符串,join('指定分割符号')
// 返回值: 返回分割后的字符串
// const arr = ['a','b','c']
// console.log(arr.join()) // a,b,c
// console.log(arr.join('-')) // a-b-c
// 5.keys()方法 对象中是返回对象中可遍历的属性
// 用法:
// 返回值:
// const arr = ['a','b','c']
// const list = arr.keys()
// for(const key of list){
// console.log(key)
// }
// 6.lastIndexOf()方法
// 用法: 与indexOf方法一致,只不过是从后面开始查找,但是下标从头开始计算
// 返回值: 如果括号的值存在于数组中返回对象的下标(从头开始计算),如果不存在返回-1
// const arr = ['a','b','c','d']
// console.log(arr.lastIndexOf())
// 7.map()方法
// 用法: 遍历当前的数组,可以改变数组中的值,但是不会改变原来的数组,需要接收处理后的数组
// 返回值: 返回改变后的数组 (return 后的表达式会改变数组内容)
// const arr = ['a','b','c','d']
// const maps = arr.map((im)=>{
// return im+'map'
// })
// console.log(arr) // ['a','b','c','d']
// console.log(maps) // ['amap','bmap','cmap','dmap']
// 8.pop()方法
// 用法: 删除数组中最后一个元素
// 返回值: 返回被删除的元素 (会改变原数组)
// const arr = [1,2,3,4]
// // arr.pop()
// console.log(arr.pop()) // 4
// console.log(arr) //[1,2,3]
// 9.push()方法
// 用法: 在数组的末尾添加一个元素
// 返回值: 返回添加的元素, 会改变原数组
// const arr = [1,2,3,4]
// console.log(arr.push(5,6)) //5,6
// console.log(arr) //1,2,3,4,5,6
// 10.reduce()方法
// 用法: 统计 pre为每一次的值,cur为当前每一项, (求1-10偶数和)
// 返回值: 返回统计的结果, 不会改变原来的数组,需要变量接收
// const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
// const arrCount = arr.reduce((pre, cur) => {
// return pre + (cur%2 == 0 ? cur : 0)
// }, 0)
// console.log(arr) // [1, 2, 3]
// console.log(arrCount) //30
// 11.reverse()方法
// 用法: 用于将数组中的元素颠倒,反转数组 (第一个变最后一个,最后一个变第一个)
// 返回值: 返回颠倒后的数组,会改变原来的数组
// const arr = [1,2,3]
// console.log(arr.reverse()) //[3,2,1]
// console.log(arr) //[3,2,1]
// 12.unshift()方法
// 用法: 给数组开头添加一个元素
// 返回值: 返回添加的元素,会改变原来的数组
// const arr = [1,2,3,4,5]
// console.log(arr.unshift(6))
// console.log(arr)
// 13.shift()方法
// 用法: 删除数组中第一个元素
// 返回值: 返回被删除的元素,会改变原来的数组
// const arr = [1,2,3,4,5]
// console.log(arr.shift()) //1
// console.log(arr) //[2,3,4,5]
// 14.slice()方法
// 用法: 如果是整数:截取位置(包含开始索引,不包含结束索引) 浅拷贝 如果是负数: 截取位置(从后向前数个数)
// 返回值: 截取后的数组 原数组不会改变,需要变量接收
// const arr = [1,2,3,4,5,6]
// console.log(arr.slice(1,4)) //[2,3,4]
// console.log(arr.slice(-2)) //[5,6]
// console.log(arr) // [1,2,3,4,5,6]
// 15.some()方法
// 用法: 用来判断数组中是否(至少有一个)满足条件的
// 返回值: 如果有满足条件的返回true,反之返回flase 不会改变原数组
// const arr = [1,2,3,4,5,6]
// const arrs = arr.some((im)=>{
// return im>7
// })
// console.log(arr)
// console.log(arrs)
// 16.sort()方法
// 用法: 基本不直接用因为会有bug,通常与函数连用,
// 返回值: 返会排列后的值,会改变原数组
// const arr = [1,5,3,8,22,4]
// console.log(arr.sort()) //[1,22,3,4,5,8] 默认只根据第一位从小到大排列
// arr.sort((a,b)=>a-b) //从小到大排列
// console.log(arr) //[1, 3, 4, 5, 8, 22]
// arr.sort((a,b)=>b-a) //从大到小排列
// console.log(arr) //[22, 8, 5, 4, 3, 1]
// 17.splice()方法
// 用法: 可用于增删改,(开始的索引,个数,替换的值) 截取方法,
// 返回值: 返回被替换或者截取后的数组,会改变原来的数组,
// const arr = [1,5,3,8,22,4]
// console.log(arr.splice(2,1,'阿')) // [3]
// console.log(arr) // [1, 5, "阿", 8, 22, 4]
// 18.concat()方法
// 用法: 合并数组的方法,将两个数组合并成一个数组
// 返回值: 返回合并后的数组,需要定义变量接收
// const arr1 = ['a', 'b']
// const arr2 = ['c', 'd']
// console.log(arr1.concat(arr2)) //["a", "b", "c", "d"]
// 18.every()方法
// 用法: 数组中是否(每一项都满足条件) 内含遍历
// 返回值: 每一项都满足条件返回true,反之false
// const arr = [5,3,8,22,4]
// const arrs = arr.every((im)=>{
// return im>2
// })
// console.log(arrs)
// 17.fliter()方法
// 用法: 筛选满足条件的元素
// 返回值: 只以数组的形式,返回满足条件元素的数组,如果没有返回空数组
// const arr = [1,2,3,4,5,6]
// const arrs= arr.filter((im)=>{
// return im>8
// })
// console.log(arrs)
// 18.find()方法
// 用法: 查找数组中是否有满足条件的元素,查到了就不在找了,(一个就行)
// 返回值: 返回满足条件的元素的(第一个),如果没有返回undefined,不会改变原数组,需要变量接收
// const arr = [1,2,3,4,5,6]
// const arrs = arr.find((im)=>{
// return im>8
// })
// console.log(arr)
// console.log(arrs) //5
// 19.findIndex()方法
// 用法: 筛选满足条件的第一个元素的下标
// 返回值: 如果有满足条件的返回第一个元素的下标,如果没有则返回-1
// const arr = [1,2,6,5,48]
// const arrs = arr.findIndex((im)=>{
// return im>50
// })
// console.log(arrs) // 2
// 20.foreach()方法
// 用法: 遍历
// 返回值: 没有返回值 不会改变原数组
// const arr = ['a','b','c','d']
// arr.forEach((im)=>{
// console.log(im)
// })
// console.log(arr)
// 20.from()方法 [Array.from()]
// 用法: 将一个伪数组变为一个真数组,
// 返回值:
// const arr = 'foo'
// console.log(Array.from(arr)) //[f,o,o]
// // 方法er :两个参数第一个是数组(伪数组或真数组) 第二个参数回调,相当于调了map
// const arrs =Array.from('foo',(im)=>im+im)
// console.log(arrs)
常用的数组方法及使用
最新推荐文章于 2023-01-16 16:32:36 发布