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

js中数组的常用方法和属性

时间:2023-04-05 01:36:54 HTML5

本文总结了js中数组常用方法和属性的知识点创建数组的三种方法1、常规方法vararr=newArray();arr[0]="abc";arr[1]="def"2、简明方式vararr=newArray("abc","def");3、字面方式vararr=[];arr=["abc","def"];或vararr=["abc","def"]数组对象的属性属性描述构造函数返回对创建此对象的数组函数的引用长度设置或返回数组原型中元素的数量使您能够添加propertiestoobjects和methodarrayobject常用方法concat()连接两个或多个数组并返回结果示例1:本例中concat()中的参数连接到数组avara=[1,2,3];console.log(a.concat(4,5));运行结果示例2:本例中创建了两个数组,然后使用concat()将它们连接起来vararr=newArray(2)arr[0]="abc"arr[1]="def"vararr2=newArray(2)arr2[0]="ABC"arr2[1]="DEF"console.log(arr.concat(arr2));运行结果示例3:本例创建了三个数组,然后使用concat()将它们连接起来vararr=newArray(2)arr[0]="abc"arr[1]="def"vararr2=newArray(2)arr2[0]="ghi"arr2[1]="jkl"vararr3=newArray(2)arr3[0]="mno"arr3[1]="pqr"控制台。日志(arr.concat(arr2,arr3));运行结果join()将数组的所有元素放入一个字符串中,元素之间用指定的分隔符分隔(注意:默认是用“逗号”分隔)例1:本例中我们创建一个数组,并将其所有元素放入一个字符串中vararr=newArray(2)arr[0]="abc"arr[1]="def"console.log(arr.join());运行结果示例2:本例中我们使用分隔符分隔数组中的元素vararr=newArray(2)arr[0]="abc"arr[1]="def"console.log(arr.加入(”。”));runresultpop()删除并返回数组的最后一个元素示例1:在这个例子中,创建了一个数组,然后删除了数组的最后一个元素(注意:这也会改变数组的长度)vararr=newArray(3)arr[0]="abc"arr[1]="def"arr[2]="hig"console.log(arr);console.log(arr.pop());控制台日志(arr);运行push()的结果将一个或多个元素添加到数组末尾并返回新的长度示例1:在本示例中,创建一个数组并添加一个元素以更改其长度vararr=newArray(3)arr[0]="abc"arr[1]="def"arr[2]="ghi"console.log(arr)console.log(arr.push("jlm"))console.log(arr)运行结果reverse()反转数组中元素的顺序示例1:在本例中,创建一个数组,然后反转其元素的顺序vararr=newArray(3)arr[0]="abc"arr[1]="def"arr[2]="ghi"console.log(arr)console.log(arr.reverse())runresultshift()deleteandreturnarrayFirstElement例子1:在这个例子中,创建一个数组,并删除数组的第一个元素(注意:这也会改变数组的长度)vararr=newArray(3)arr[0]="abc"arr[1]="def"arr[2]="ghi"console.log(arr)console.log(arr.shift())console.log(arr)runresultslice()fromanexistingArrayreturnsselectedelements示例1:在此示例中,创建一个新数组,然后显示从中选择的元素vararr=newArray(6)arr[0]="abc"arr[1]="def"arr[2]="ghi"arr[3]="jkl"arr[4]="mno"arr[5]="pqr"console.log(arr)console.log(arr.slice(2,4))console.log(arr)运行结果示例2:在本例中,创建一个新数组,然后显示从中选取的元素vararr=newArray(6)arr[0]="abc"arr[1]="def"arr[2]="ghi"arr[3]="jkl"arr[4]="mno"arr[5]="pqr"console.log(arr)console.log(arr.slice(2,4))console.log(arr)运行结果排序()对数组的元素进行排序示例1:在此示例中,将创建一个数组并按字母顺序对其进行排序vararr=newArray(6)arr[0]="abc"arr[1]="pqr"arr[2]="mno"arr[3]="jkl"arr[4]="ghi"arr[5]="def"console.log(arr)console.log(arr.sort())运行splice()删除元素并向数组添加新元素示例1:在本示例中,创建了一个新数组并向其中添加了一个元素vararr=newArray(6)arr[0]="abc"arr[1]=“def”arr[2]=“ghi”arr[3]=“jkl”arr[4]=“mno”arr[5]=“pqr”console.log(arr)arr.splice(2,0,"zzz")console.log(arr)results示例2:在本示例中,删除索引为2的元素,并添加一个新元素来替换删除的元素vararr=newArray(6)arr[0]="abc"arr[1]="def"arr[2]="ghi"arr[3]="jkl"arr[4]="mno"arr[5]="pqr"console.log(arr)arr.splice(2,1,"zzz")console.log(arr)结果示例3:在这个示例中,我们将删除从索引2("ghi")开始的三个元素并添加一个新元素("zzz")替换删除的元素vararr=newArray(6)arr[0]="abc"arr[1]="def"arr[2]="ghi"arr[3]="jkl"arr[4]="mno"arr[5]="pqr"console.log(arr)arr.splice(2,3,"zzz")console.log(arr)运行结果toSourse()返回对象的源代码示例1:toSource()方法函数employee(name,job,born){this.name=name;this.job=job;this.born=born;}varbill=newemployee("BillGates","Engineer",1985);document.write(bill.toSource());运行结果toString()将数组转换为字符串并返回结果示例1:toString()方法的用法vararr=newArray(3)arr[0]="abc"arr[1]="def"arr[2]="ghi"console.log(arr.toString());运行结果toLocaleString()将数组转换为本地数组并返回结果示例1:vararr=newArray(3)arr[0]="abc"arr[1]="def"arr[2]="ghi"console.log(arr.toLocaleString());运行结果unshift()将一个或多个元素添加到数组的开头并返回新的长度示例1:在本示例中,创建一个数组并将一个元素添加到数组的开头并返回数组的新长度vararr=newArray()arr[0]="abc"arr[1]="def"arr[2]="ghi"console.log(arr);console.log(arr.unshift("zzz"));控制台日志(arr);运算结果valueOf()返回数组对象的原始值示例1:vararr=newArray(1,2,3)console.log(arr.valueOf());数组对象的运算结果几种遍历方法1、普通的for循环是最简单也是使用频率最高的一种。虽然性能不弱,但仍有优化空间。例子1:letarr1=[1,2,3,4,5]for(leti=0;i{console.log(项目);});复制代码运行结果map()map遍历数组,返回一个新数组,不改变原数组,主要作用是新建一个数组letarray=[1,2,3,4,5];lettemp=array.map((item,index,arr)=>{returnitem+1;});console.log(temp);console.log(array);runresultfilter()filterfilter去掉值在不满足条件的数组中,不改变原数组,返回一个新数组letarray=[1,2,3,4,5];lettemp=array.filter((item,index,arr)=>{returnitem>3;});console.log(temp);console.log(array);运行结果reduce()reduce使第一个和最后一个数组的两项进行某种计算,然后返回其值,不改变原数组继续计算,返回计算的最终结果,从数组的第二项开始遍历letarray=[1,2,3,4,5];lettotal=array.reduce((a,b)=>{returna+b;});console.log(total);复制代码运行结果some()遍历数组的每一项,如果有一项返回true,停止遍历,结果返回true,不改变原数组letarray=[1,2,3,4,5];array.some((item,index,arr)=>{console.log(item);返回项目>3;});runresultevery()遍历数组中的每一项,每一项都返回true,最终结果为true。一项返回false,停止遍历,结果返回false。不改变原数组letarray=[1,2,3,4,5];让bo=array.every((item,index,arr)=>{returnitem>2;});console.log(bo);运行结果最后,如果本文对你有帮助,请为本文点个赞??????欢迎大家加入,一起学习前端,一起进步!