js数组常用方法

文章详细介绍了JavaScript中用于操作数组的一系列方法,包括push、pop、unshift、shift、slice、splice、split、concat、sort、reverse、forEach、map、filter、every、some、indexOf、lastIndexOf、array.from及includes等,展示了它们的功能和用法,以及对原数组的影响。
摘要由CSDN通过智能技术生成

arr.push() 向数组的末尾添加一个或多个元素,并返回新的数组长度。原数组改变。

   let arr = [1,2,3,4,5]
   let newArr = arr.push(6,7,8)
   console.log(newArr)  //8
   console.log(arr)  //[1,2,3,4,5,6,7,8]

arr.pop() 删除并返回数组的最后一个元素,若该数组为空,则返回undefined。原数组改变。

let arr = [1,2,3,4,5]
let newArr = arr.pop()
console.log(newArr)  //5
console.log(arr)  //[1,2,3,4]

arr.unshift() 向数组的开头添加一个或多个元素,并返回新的数组长度。原数组改变。

let arr = [1,2,3,4,5]
let newArr = arr.unshift(6,7,8)
console.log(newArr)  //8
console.loh(arr)  //[6,7,8,1,2,3,4,5]

arr.shift() 删除数组的第一项,并返回第一个元素的值。若该数组为空,则返回undefined。原数组改变。

let arr = [1,2,3,4,5]
let newArr = arr.shift()
console.log(newArr)  //1
console.log(arr)  //[2,3,4,5]

arr.slice(start,end) 从已有的数组中返回选定的元素。原数组不改变

let arr = [1,2,3,4,5]
let newArr = arr.slice(1,3)
console.log(newArr)  //[2,3]
console.log(arr)  //[1,2,3,4,5]

arr.splice(index,删除元素个数,添加元素) 删除元素,并向数组添加新元素。原数组改变。

let arr = [1,2,3,4,5]
let newArr = arr.splice(1,3,6)
console.log(newArr)  //[2,3,4]
console.log(arr)  //[1,6,5]

str.split() 将字符串转化为数组

arr.concat() 合并两个或多个数组,生成一个新的数组。原数组不变。

let arr = ['a', 'b', 'c']
let arr1 = [1,2,3,4,5]
let arr2 = [6,7,8,9,10]
let newArr = arr.concat(arr1, arr2)
console.log(newArr)  // ['a', 'b', 'c', 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

arr.sort() 对数组元素进行排序。按照字符串UniCode码排序,原数组改变。

let arr = [1,2,3,4,5,2,6,2,1,0]
let newArr = arr.sort()
console.log(newArr)  // [0, 1, 1, 2, 2, 2, 3, 4, 5, 6]

arr.reverse()将数组倒序。原数组改变。

let arr = [1,2,3,4,5]
let newArr = arr.reverse()
console.log(newArr)  // [5, 4, 3, 2, 1]

arr.forEach(callback) 遍历数组,无return 即使有return,也不会返回任何值,原数组不变。

let arr = [1,2,3,4,5]
arr.forEach((item, index, a) => {
	console.log(item , index , arr);
})

arr.map(callback) 映射数组(遍历数组),有return 返回一个新数组。

let arr = [1,2,3,4,5]
let arr2 = arr.map(item => {
	return item*2
})
console.log(arr2)  // [2, 4, 6, 8, 10]

arr.filter(callback) 过滤数组,返回一个满足要求的数组

let arr = [1,2,3,4,5,6,7,8,9,10]
let arr2 = arr.filter((item, index) => {
	return item >= 5 
})
console.log(arr2)  // [5, 6, 7, 8, 9, 10]

arr.every() 判断数组中每一项都是否满足条件,只有所有项都满足条件,才会返回true。

let arr = [1,2,3,4,5]
let arr2 = arr.every(item => {
  return item < 10
})
console.log(arr2)  // true

arr.some():判断数组中是否存在满足条件的项,只要有一项满足条件,就会返回true。

let arr = [1, 2, 3, 4, 5];
let arr2 = arr.some(function(x) {
	return x < 3;
}); 
console.log(arr2); //true

arr.indexOf() 查找某个元素的索引值,若有重复的,则返回第一个查到的索引值若不存在,则返回 -1

let arr = [1,3,5,7,7,5,3,1]
console.log(arr.indexOf(5))  // 2

arr.lastIndexOf() 和arr.indexOf()的功能一样,不同的是从后往前查找

let arr = [1,3,5,7,7,5,3,1]
console.log(arr.lastIndexOf(5));  //5

array.from() 将一个类数组对象或者可遍历对象转换成一个真正的数组。 —es6

let arrayLike = {
    0: 'tom', 
    1: '65',
    2: '男',
    3: ['jane','john','Mary'],
    'length': 4
}
let arr = Array.from(arrayLike)
console.log(arr) // ['tom','65','男',['jane','john','Mary']]

arr.includes() 判断数组中是否包含给定的值 —es6

const arr = ['a', 'b', 'c', NaN];
console.log(arr.includes("a"));  //true
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
JS数组常用方法有很多,以下是其中的一些常用方法: 1. Array.push():向数组的末尾添加一个或多个元素,并返回新的数组长度。原数组改变。 2. Array.pop():删除数组的最后一个元素,并返回删除的元素。原数组改变。 3. Array.shift():删除数组的第一个元素,并返回删除的元素。原数组改变。 4. Array.unshift():向数组的开头添加一个或多个元素,并返回新的数组长度。原数组改变。 5. Array.reverse():反转数组的顺序。原数组改变。 6. Array.sort():对数组进行排序。原数组改变。 7. Array.splice():从数组中删除元素,并可以在指定位置插入新的元素。原数组改变。 8. Array.concat():合并两个或多个数组,生成一个新的数组。原数组不变。 9. Array.join():将数组的所有元素连接成一个字符串。原数组不变。 10. Array.indexOf():返回指定元素在数组中的索引,如果不存在则返回-1。 11. Array.slice():从指定位置截取数组的片段并返回新的数组。原数组不变。 12. Array.forEach():对数组的每个元素执行指定的操作。 13. Array.map():对数组的每个元素执行指定的操作,并返回一个新的数组。 14. Array.filter():根据指定的条件过滤数组的元素,并返回一个新的数组。 15. Array.every():检测数组的所有元素是否都满足指定的条件。 16. Array.some():检测数组的是否存在满足指定条件的元素。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端~初学者

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值