美文网首页
js数组常用方法与属性

js数组常用方法与属性

作者: 青辰m | 来源:发表于2020-07-04 01:36 被阅读0次

属性

  • length

不会改变原数组的方法

  • concat() : 用于合并两个或多个数组,返回一个新数组
let arr_1 = [1,2,3];
let arr_2 = [4,5,6];
let arr_3 = arr_1.concat(arr_2)
  • slice() : 从已有的数组中返回选定的元素。
let arr_1 = [1,2,3];
arr_1.slice(0,1)
  • map() : 返回由回调函数返回组成的新数组
let arr_1 = [1,2,3];
let arr_2 = arr_1.map(function(item,index,array){
  return item*item
})
  • forEach():为数组中的每一个元素执行一次回调函数
let arr = [1,2,3,4]
let capy = []
arr.forEach(function(element){
  capy.push(element)
})
  • sort() : 数组元素排序(默认值转化为字符串,比较第一个字符)
let arr = [22,34,2,54,99,7]
arr.sort()//[ 2, 22, 34, 54, 7, 99 ]
arr.sort((a,b)=>{
  return a-b  //从小到大
})
arr.sort((a,b)=>{
  return b-a // 从大到小
})

会改变原数组的方法

  • pop() : 从数组中删除最后一个元素,并返回该元素的值
  • push() : 从数组的末端插入一个元素
  • shift() : 从数组中删除第一个元素,并返回该元素的值
  • unshift() : 从数组的首位插入一个元素
let arr_1 = [1,2,3,4]
let del_pop = arr_1.pop()// arr_1:[1,2,3],del_pop:4
arr_1.push(5)//arr_1:[1,2,3,5]
let del_shift = arr_1.shift()//arr_1:[2,3,5],del_shift:1
arr_1.unshift(6)//arr_1:[6,2,3,5]
  • splice() : 在指定位置删除或添加元素
/**splice 第一个参数指名:操作的位置
* 第二个参数为:删除的个数
* 第三个参数为:插入的值
*/
let arr_1 = [6,2,3,5]
arr_1.splice(1,0,7)//arr_1:[6,7,2,3,5]
  • every() : 全部满足条件为true 否则为false
  • some() : 只要有满足条件的就为true,否则就为false
let arr_1 = [6,2,3,5]
arr_1.every((item) => {
  return item>1
})
arr_1.some((item) => {
  return item>4
})
  • findIndex() : 返回第一个满足条件的索引,没有满足条件的就返回 -1
  • find() : 返回第一个满足条件的目标元素,没有返回 undefined
let arr_1 = [6,2,3,5]
arr_1.findIndex((item) => {
  return item == 2
})
arr_1.find((item) => {
  return item > 5
})
//类似 findIndex
arr_1.indexOf(2) //有则返回索引,无则返回 -1
arr_1.includes(2) //有着返回true,无则返回 false
  • filter() : 返回满足条件的数组
let arr_1 = [6,2,3,5]
arr_1.filter((item) => {
  return item > 3
})
  • reverse() : 反转数组
let arr_1 = [6,2,3,5]
arr_1.reverse()
  • reduce() : 可用于累加
let arr = [12,23,45,22,23]
arr.reduce((total,item,index,array) => {
  total += item;
  return total;
},0)

相关文章

  • JavaScript数组常用方法

    目录 JS 数组常用API常用属性常用方法常见方法语法解释from方法isArrayconcateveryfill...

  • js 常用方法总结

    字符串的常用属性,概览 Array对象的方法; 详细js数组常用方法大全

  • js数组常用方法与属性

    属性 length 不会改变原数组的方法 concat() : 用于合并两个或多个数组,返回一个新数组 slice...

  • 数组基础

    数组基础 新建数组 数组方法和属性 数组常用方法 数组的遍历方法

  • 数组基础

    数组基础 新建数组 数组方法和属性 数组合并 数组常用方法

  • js基础了解

    js数组常用遍历方法使用: js数组常用操作方法使用: 基本逻辑运算: 基本字符串操作方法:

  • # 数组常用属性和方法总结

    数组常用属性和方法总结 数组也是对象,数组有对象的所有方法 1. 数组属性(2个主要属性) length -> 万...

  • length是属性还是方法?

    在java中,数组有length属性,字符串有length方法; 在js中,数组与字符串都是length属性。

  • 数组常用方法

    数组常用方法 一、js数组常用方法: 1、join() Array.join() 方法将数组中所有元素都转换成字...

  • JavaScript数组与字符串的常用方法

    数组的常用方法 JS中数组是一个引用类型,也就是一个对象 length属性, 可以获取长度 判断一个对象是否是数组...

网友评论

      本文标题:js数组常用方法与属性

      本文链接:https://www.haomeiwen.com/subject/vwkyqktx.html