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型类型,满足一个也行
相关文章
|
15天前
|
存储 JavaScript 索引
JS中数组的相关方法介绍
JS中数组的相关方法介绍
|
15天前
|
JavaScript Java
JS有趣的灵魂 清空数组
JS有趣的灵魂 清空数组
|
1月前
|
JavaScript 前端开发 API
常用JavaScript 数组 API大全
常用JavaScript 数组 API大全
32 0
|
2天前
|
存储 JavaScript 索引
js开发:请解释什么是ES6的Map和Set,以及它们与普通对象和数组的区别。
ES6引入了Map和Set数据结构。Map的键可以是任意类型且有序,与对象的字符串或符号键不同;Set存储唯一值,无重复。两者皆可迭代,支持for...of循环。Map有get、set、has、delete等方法,Set有add、delete、has方法。示例展示了Map和Set的基本操作。
16 3
|
8天前
|
JavaScript 前端开发 索引
JavaScript 数组中的增、删、改、查
JavaScript 数组中的增、删、改、查
|
22天前
|
JavaScript 前端开发
JavaScript数组的功能内置类型
数组是JavaScript的内置类型,JavaScript数组的功能特别强大。下面简单介绍一下JavaScript数组。
|
22天前
|
存储 JavaScript 前端开发
在浏览器中存储数组和对象(js的问题)
在浏览器中存储数组和对象(js的问题)
10 0
|
1月前
|
JavaScript 前端开发 数据格式
js数组常用的方法汇总
js数组常用的方法汇总
36 0
|
1月前
|
JavaScript 前端开发 API
JavaScript循环遍历常用的7种方法以及常用的数组 API
JavaScript循环遍历常用的7种方法以及常用的数组 API
35 0
|
1月前
|
JavaScript 前端开发 索引
JavaScript随手笔记---对比数组差异
JavaScript随手笔记---对比数组差异
JavaScript随手笔记---对比数组差异