Javascript中数组的定义和常见使用方法

  • A+
所属分类:Web前端
摘要

格式:数组名.push(追加的值)格式:数组名.pop()格式:数组名.splice(开始索引,多少个,插入数据) //默认是为(0,0,没有)


一、定义数组

1、定义数组

var arry=[1,2,'小名',false]     //var 数组名=[值1,值2,...] 

2、设置数组长度

arry.length=10    //数组长度设置为10 

二、数组常见方法

(1)在尾部增加值(push())

格式:数组名.push(追加的值)

arry.push("小卒")       //在数组arry最后一个值后面增加值:"小卒"  //返回值为数组增加后的数组长度 

(2)删除数组最后一个值(pop())

格式:数组名.pop()

arry.pop()   //返回值为删除的值 

(3)在数组最前面增加一个值(unshift())

arry.unshift("增加的值")     //返回值值为添加后数组的长度 

(4)删除数组最前面的数据(shift())

arry.shift()     //返回值值为删除的数据 

(5)反转数组(reverse())

arry.reverse()     //返回值值为反转后的数组 

(6)删除和插入数据(splice())

格式:数组名.splice(开始索引,多少个,插入数据) //默认是为(0,0,没有)

arry.splice()     //返回值为被删除的数据 arry.splice(1,2,'小狗')  //从数组小标为1的开始删除1个,并把”小狗“ 插入到删除的位置 

(7)排序(sort())

arry.sort()  //按位来排序 arry.sort(funnction(a,b) {return(a-b)} )   //升序排序 arry.sort(funnction(a,b) {return(b-a)} )   //降序排序  //返回值为排序好的数组 

(8)将数组的数据连接起来(join())

arry.join("-")  //将数组用”-“连接起来(数组不变,返回值为连接好的字符串) 

(9)两个数组合并(concat())

arry.concat(数组)    //把两个数组连接在一起并返回 

(10)截取数组里的数据(slice())

格式:数组名.slice(开始索引,结束索引) //默认值:(0,数组长度),返回值为截取的数组

var s=arry.slice(1,4)    //从数组下标1开始截取,到下标为4结束(不包含4) ,并返回的s中去 

(11)查找数据在数组中的位置(indexOf())

arry.indexOf(数据)  //查找数据在数组中的位置并返回(有重复数据时返回第一个是下标,没有找到返回-1) 

(12)循环遍历数组(forEach())

格式:数组名.forEach( function(a,b,c){

​ } )

arry.forEach( function(a,b,c){             console.log(a)       //a是数组的值 		 console.log(b)        //b数组的下标 		 console.log(c)         //c是原始数组 }) //无返回值 

(13)映射数组,整体修改数组(map())

格式:数组名.map(function(a,b,c){

return 修改表达式

})

var sm=arry.map( function(a,b,c){             console.log(a)       //a是数组的值 		 console.log(b)        //b数组的下标 		 console.log(c)         //c是原始数组     return a*10 })  console.log(sm)       //输出返回值,返回值为被修改修改后的值  

(14)过滤数组(filter())

格式:数组名.filter(function(a,b,c){

return 过滤条件

})

var sm=arry.filter( function(a,b,c){             console.log(a)       //a是数组的值 		 console.log(b)        //b数组的下标 		 console.log(c)         //c是原始数组       return a>10 })  console.log(sm)       //输出返回值,返回值为满足条件的数据 

(15)判断每一个数组里的每一个是否满足条件(every())

格式:数组名.every(function(a,b,c){

return 判断条件

})

var sm=arry.every( function(a,b,c){             console.log(a)       //a是数组的值 		 console.log(b)        //b数组的下标 		 console.log(c)         //c是原始数组       return a>10 })  console.log(sm)       //输出返回值,返回Boolean型类型 

(16)判断数组里是否有满足条件的数据(some())

格式:数组名.some(function(a,b,c){

return 判断条件

})

var sm=arry.some( function(a,b,c){             console.log(a)       //a是数组的值 		 console.log(b)        //b数组的下标 		 console.log(c)         //c是原始数组       return a>10 })  console.log(sm)       //输出返回值,返回Boolean型类型,满足一个也行