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型类型,满足一个也行
相关文章
|
1月前
|
存储 JavaScript 前端开发
decimal.js库的安装和使用方法
【10月更文挑战第24天】decimal.js 是一个非常实用的高精度计算库,通过合理的安装和使用,可以在 JavaScript 中实现精确的数值计算和处理。你可以根据具体的需求和项目情况,灵活运用该库来解决数字精度丢失的问题。
|
2月前
|
自然语言处理 前端开发 JavaScript
🛠️ JavaScript数组操作指南:20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧,涵盖了从基本的添加、移除元素,到数组转换和去重等高级操作。强调了不可变性的重要性,提供了清晰的代码示例,帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者,这些技巧都将显著提升您的编码能力,使您在项目中更具竞争力。
34 2
|
2月前
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
28 3
|
2月前
|
JavaScript
js删除数组中已知下标的元素
js删除数组中已知下标的元素
39 4
|
2月前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
43 1
|
2月前
|
缓存 JavaScript 前端开发
Node.js模块化的基本概念和分类及使用方法
Node.js模块化的基本概念和分类及使用方法
37 0
|
2月前
|
存储 JavaScript 前端开发
Vue.js项目中全面解析定义全局变量的常用方法与技巧
Vue.js项目中全面解析定义全局变量的常用方法与技巧
50 0
|
2月前
|
JavaScript 前端开发 API
JS中数组的方法flat()怎么用
JS中数组的方法flat()怎么用
22 0
|
2月前
|
JavaScript 前端开发 容器
js之弹性布局使用方法
js之弹性布局使用方法
32 0
|
2月前
|
JavaScript 前端开发 索引
JavaScript中数组、对象等循环遍历的常用方法介绍(一)
JavaScript中数组、对象等循环遍历的常用方法介绍(一)
28 0