当前位置: 首页 > Web前端 > HTML

javascript数组的常用方法有哪些

时间:2023-03-28 11:17:52 HTML

数组的常用方法可以分为:运算方法、排序方法、转换方法、迭代方法。数组的基本操作可以概括为增、删、改、查。需要注意的是哪些方法会影响原数组,哪些方法不会。.操作方法(增、删、改、查)下面前三种加法是影响原数组的加法,第四种方法不影响原数push()unshift()splice()concat()push()方法接受任意数量的参数并将它们添加到数组的末尾,返回数组的最新长度letcolors=[];//创建一个数组letcount=colors.push("brown","purple");//从数组末尾压入两项console.log(count)//2unshift()在数组开头添加任意数量的值,然后返回新的数组长度letcolors=newArray();//创建一个数组letcount=colors.unshift("orange","yellow");//从数组开头压入两项console.log(count)//2splice()传入三个参数,分别是起始位置,0(要删除的元素个数),插入元素,返回空数组letcolors=["blue","green","pink"];letremoved=colors.splice(1,0,"黄色","橙色");控制台日志(颜色);//blue,yellow,orange,green,pinkconsole.log(removed);//[]concat()会先创建当前数组的副本,然后将其参数添加到副本的末尾,然后返回这个新的构造数组而不影响原数组letcolors=["red","green","blue"];letcolors2=colors.concat("yellow",["black","brown"]);骗子sole.log(颜色);//["红色","绿色","蓝色"]console.log(colors2);//["red","green","blue","yellow","black","brown"]删除下面的前三项会影响原数组,最后一项不会影响原数组pop()shift()splice()slice()pop()方法用于删除数组的最后一项,同时减少数组的长度值,返回删除的项letcolors=["red","green"];letitem=colors.pop();//获取最后一项console.log(item);//greenconsole.log(colors);//1shift()方法用于删除元素的第一项,reduce同时返回数组的长度值,并返回删除的项letcolors=["red","green"];letitem=colors.shift();//获取第一项console.log(colors.length)//1console.log(item);//redsplice()方法传入两个参数,分别是起始位置,删除元素个数,返回删除元素数组letcolors=["red","green","blue"];letremoved=colors.splice(0,1);//删除第一项console.log(colors);//green,blueconsole.log(removed);//red,一个只有一个元素的数组slice()用于创建一个包含原数组中一个或多个元素的新数组,不影响原数组letcolors=[“红”、“绿”、“蓝”、“黄”、“紫”"];letcolors2=colors.slice(1);letcolors3=colors.slice(1,4);console.log(colors);//red,green,blue,yellow,purpleconsole.log(colors2);green,blue,yellow,purpleconsole.log(colors3);green,blue,yellow修改原数组的内容,常用splice()splice()传入三个参数,分别是起始位置,要加入的元素个数被删除,并插入任意数量的元素,返回删除元素的数组,对原数组有影响letcolors=["red","green","blue"];letremoved=colors.splice(1,1,"red","purple");console.log(colors);//red,red,purple,blueconsole.log(removed);//green只有一个元素的数组查找元素,返回元素坐标或元素值indexof()includes()find()indexof()返回要查找的元素在数组中的位置,如果没有找到则返回-1letnumbers=[1,2,3,4,5,4,3,2,1];控制台。日志(数字。索引(4));//3inclueds()返回要查找的元素在数组中的位置,找到则返回true,否则返回falseletnumbers=[1,2,3,4,5,4,3,2,1];console.日志(数字。包括(4));//truefind()返回第一个匹配的元素constpeople=[{name:"Jane",age:18},{name:"Matt",age:20}]letresult=people.find((element,index,array)=>element.age<19)console.log(result)//{name:&"Jane",age:18}排序方式