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

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

一、定义数组


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型类型,满足一个也行
相关文章
|
8天前
|
JavaScript
js 解析 byte数组 成字符串
js 解析 byte数组 成字符串
|
17天前
|
JavaScript 前端开发
JavaScript基础知识-数组的遍历
关于JavaScript数组遍历基础知识的文章。
27 2
JavaScript基础知识-数组的遍历
|
2天前
|
JavaScript 前端开发
js删除数组最后一个元素
js删除数组最后一个元素
|
17天前
|
JavaScript 前端开发
JavaScript基础知识-数组的练习
关于JavaScript基础知识中数组操作的练习,主要介绍了如何从一个包含Person对象的数组中过滤出成年人(年龄达到18岁及以上)并将他们放入一个新的数组中。
25 1
JavaScript基础知识-数组的练习
|
1天前
|
JavaScript 前端开发 索引
|
7天前
|
JavaScript
js 循环数组取值
js 循环数组取值
|
13天前
|
存储 JavaScript 前端开发
JS中的数组有哪些常用操作函数和属性
【9月更文挑战第7天】JS中的数组有哪些常用操作函数和属性
9 1
|
2月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
70 2
|
2月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
63 4
|
2月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
55 4