首页 > 其他分享 >Array方法

Array方法

时间:2022-11-14 14:25:44浏览次数:35  
标签:const 示例 let 数组 Array 方法 array

数组的方法,要看是操作原数组,还是返回新数组

第一组: 数组转化为字符串,字符串转化为数组
  1. 从数组转成字符串,Array.toString()(返回新数组)

    示例:

let array = [1,2,3,4]
let newArray = array.toString()


newArray的值是1,2,3,4的一串字符串



2. 从数组转换为字符串,自定义分隔符,**Array.join()**(返回新数组)

示例:

const array = [1,2,3,4]
const newArray = array.join(' / ')


newArray的值为1  /  2  /  3  /  4



3. 从字符串转化为数组,自定义分隔符,自定义数量, **Array.split**('分隔符', 个数) (返回新数组)

示例:

```	javascript
const array = "1,2,3,4"
const newArray = array.split(',',2)

newArray的值为[ '1', '2' ]

  1. 从字符串转化为数组(返回新数组),Array.prototype.slice.call()

    const array = '123456'
    const newArray = Array.prototype.slice.call(array)
    

    newArray的值为[ '1', '2', '3', '4', '5', '6' ]

    补充:Array.prototype.slice.call()可以将散开的参数或者是字符串转化为数组

  2. Array.from(),Array.from()把类数组转化为数组

​ 示例:

let array = Array.from('3,2,3,4')

​ array的值为:[ '3', ',', '2', ',', '3', ',','4']

第二组: 数组前数组后加一个元素,减一个元素
  1. 在数组后面加一个元素,Array.push('新增元素') (操作原数组)

示例:

const array = [1,2,3,4]
array.push(1)

array的值变为[ 1, 2, 3, 4, 1 ]

  1. 数组最后一个元素出栈,Array.pop() (操作原数组)

示例:

const array = [1,2,3,4]
array.pop()

array的值变为[1,2,3]

  1. 数组第一个元素出栈,Array.shift() (操作原数组)
const array = [1,2,3,4]
array.shift()

示例:

array的值变为[2,3,4]

  1. 数组前加一个元素,Array.unshift('新增元素') (操作原数组)

示例:

const array = [1,2,3,4]
array.unshift(0)

array的值为[0,1,2,3,4]

第三组:数组排序方法,按大小排序,倒过来排序
  1. 数组由小到大排序,Array.sort() (改变原数组,返回排正序后的原数组)

示例:

const array = [1,2,7,3,5,2]
array.sort()

array的值为[ 1, 2, 2, 3, 5, 7 ]

数组由大到小排列,Array.sort((a,b)=>{b-a}) (改变原数组,返回排倒序后的原数组)

示例:

let  array = [1,2,3,4]
array.sort((a,b)=>b-a)

array的值为[ 4, 3, 2, 1 ]

​ 补充:sort里的参数是一个函数,函数返回值是负数,就从大到小,函数返回值是正数,就从小到大

  1. 数组顺序转换,Array.reverse() (改变原数组,返回倒叙后的原数组)

示例:

const array = [1,2,7,3,5,2]
array.reverse()

array的值为[ 2, 5, 3, 7, 2, 1 ]

  1. Math.random()和sort实现随机排正序或是随机排倒序

示例:

const array = [1,2,3,6,7,5]
array.sort(function(){return Math.random()-0.5})

array随机由大到小排列或由小到大排列,Math.random()-0.5随机一个负数或是正数,正数就排正序,负数就排倒序

第五组,数组修改
  1. 截取数组中的一段 arr.slice(返回新数组)

示例:

const arr = [1,2,3,4]
const newArr = arr.slice(0,1)

newArr的值为[1],从下标为0的位置开始截取,左闭右开

示例:

const arr = [12,3,4]
const newArr = arr.slice(1)

newArr 的值为[ 3, 4 ],从下标为1的位置开始截取,左闭右开

示例:

const arr = [1,2,3,4]
const newArr = arr.slice(-2)

newArr的值为[3, 4]

示例:

const arr = [1,2,3,4]
const newArr = arr.slice(-2,-1)

newArr的值为[3],因为左闭右开

  1. 获取数组中的一段加修改原数组,arr.splice()(返回新数组,改变原数组)

示例1:

let array = [1,2,3,4,5,6,7,9]
let newArray = array.splice(4)

array变为[1,2,3,4],newArray为[5,6,7,9]

补充:splice一个参数时,它的返回值相当于slice的返回值,也支持负数。splice没有参数时就是没有切割到原数组的内容返回空数组,slice没有参数时原数组原数组没有被操作返回原数组

示例2:

let array = [1,2,3,4,5,6,7]
let newArray = array.splice(1,3)

array的值为[1,5,6,7],newArray的值为[2,3,4]

第一个参数是截取位置,第二个参数为截取长度

示例3:

let array = [1,2,3,4]
let newArray = array.splice(1,2,6,6)

array的值是[1,6,6,4],newArray的值是[2,3]

第三个参数是插入的内容

  1. 改变数组的内容, array.fill(改变原数组)

示例:

let array = [1,2,3,4,5]
array.fill(2,0,1)

array的值变为[2,2,3,4,5]

第二第三个参数是修改的位置,第一个参数是要改成的值

第四组,数组拼接方法
  1. 拼接数组,array.concat (返回新数组,原数组不改变)

示例:

const array = [1,2,3,4]

const newArray1 = array.concat([1,2,3,4])
const newArray2 = array.concat(1,2,3,4)
const newArray3 = array.concat([1,[2,3,4]])

newArray1和newArray2的值都是 [1, 2, 3, 4,1, 2, 3, 4]

newArray3的值是[ 1, 2, 3, 4, 1, [ 2, 3, 4 ] ]

concat可以拼接散列的值,和一维数组但是不能拼接多维数组

  1. 拼接数组,拓展运算符... (返回值为新数组,原数组不改变)

示例:

var arr = [1,2]
var newArray = [...arr, 3, 4, 5]

newArray的值是[1,2,3,4,5]

第六组:数组查找
  1. 在数组中找某个元素在哪个位置,array.indexOf()从左到右查找,array.lastIndexOf()从右到左查找(返回值为位置索引)

示例:

let array = [1,7,3,4,5,6,7,8]
let location1 = array.indexOf(7)
let location2 = array.lastIndexOf(7)

location1的值为1,location2的值为6

  1. 在数组中查找是否有某个值,array.includes,(返回值为布尔值,false或true,代表是否有这个值)

    示例:

    let array = [1,2,3,4,5]
    let if = array.includes(3)
    

    array的值为true

  2. 在数组中找一个符合条件的元素,array.find,在数组原型上的方法,返回值为符合条件的元素,没找到就返回undefined

    示例:

    let arr = [1,2,3,4,5]
    let wheter = arr.find(function(item){
      return  item > 1
    })
    

    wheter的值为1

  3. 在数组中找到一个符合的元素的下标,array.findIndex,在数组原型上的方法,返回值为符合条件的元素的下标,没找到返回-1

    示例:

    let arr = [1,2,3,4,5]
    let wheter = arr.findIndex(function(item){
      return item>1
    })
    

    wheter的值为1

第七组:创建数组
  1. 为了避免Array(3)这样的歧义,[3]或是[empty,empty,empty],可以使用Array.of()来解决,Array.of()在空数组中填充单个的值,这是Array对象上的方法

​ 示例:

let array1 = Array.of(3)
let array2 = Array.of(3,4,5)

​ array1的值为: [3]

​ array2的值为:[ 3, 4, 5 ]

标签:const,示例,let,数组,Array,方法,array
From: https://www.cnblogs.com/fangpiandang/p/16885643.html

相关文章

  • C#写日志两个简单方法
    https://blog.csdn.net/hdhai9451/article/details/46455813https://www.cnblogs.com/wyt007/p/8023391.html在开发,有时为了验证程序运行是否正确,通常要写日志来记录操作......
  • javascript 高级编程 之 Array 用法总结
    引用类型是一种数据结构,用于将数据和功能联系起来。创建对象的方式:1.new操作符vararray=newArray();2.字面量表示法创建vararray=[];Array检测数组:检测数组......
  • alert弹窗方法1
    1.代码<!DOCTYPEhtml><htmllang="zh-CN"><head><metahttp-equiv="content-Type"charset="UTF-8"><metahttp-equiv="x-ua-compatible"content="IE=edge"><......
  • Python如何研究类、对象、方法、函数之间的关系
    1,从某个类或对象出发,研究其上级父类,下级子类,同级类。自身类内部的函数和变量2,上级类base,下级类subclasses方法,同级类需要先上后下。3,查看某个类和对象支持哪些变量使用di......
  • Lazada测评技术与自养号测评方法推荐
    无论什么平台,都需要进行一定的测评,特别是对于新店来说这是提升店铺权重、产品排名的最快捷的方式,那么Lazada该如何测评呢?自养号测评要注意哪些地方呢?Lazada对于测评......
  • 战神传奇手游引擎关闭摆摊的最简单方法
    战神引擎搭建的传奇手游私服可谓是BUG成出不穷,就单单刷装备,刷元宝这些致命的BUG就多如牛毛,例如:1.最早的圆满充值平台导致刷元宝(换最新充值源码即可解决)。2.摆摊刷元宝(服务端......
  • MySQL误删恢复方法1
    MySQL不同于oracle,没有闪回查询这类概念,但网上流传几个闪回的开源工具如binglog2sql、MyFlash,可以使用binglog日志进行误操作数据的恢复。笔者以前测试过binglog2sql,发......
  • 如何查看类成员、变量、方法
    1dir内容dir(op('project1/sopto1'))2赋予listcontentlist=['OPType','activeViewer','addError','addScriptError','addWarning','allowCooking','base','bui......
  • MySQL误删恢复方法2
    实际工作中总会发生数据误删除的场景,在没有备份情况下,如何快速恢复误删数据就显得非常重要。本文基于MySQL的binlog日志机制,当日志格式设置为“binlog_format=ROW”时,记录......
  • SM.1049-1 边境地区地面业务邻国之间相互频率协调的方法
    ScopeThisRecommendationcontainsthemethodsofmutualfrequencycoordinationbetweenneighboringcountriesinborderareas.本建议书包含边境地区邻国之间相互......