常用的数组方法及使用

	// 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)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值