资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

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

一、定义数组

1、定义数组

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

2、设置数组长度

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

二、数组常见方法

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

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

蒸湘ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联公司的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:028-86922220(备注:SSL证书合作)期待与您的合作!

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型类型,满足一个也行

文章名称:Javascript中数组的定义和常见使用方法
URL链接:http://cdkjz.cn/article/dsojhph.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220