经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » JS/JS库/框架 » JavaScript » 查看文章
Javascript中数组的定义和常见使用方法
来源:cnblogs  作者:永恒之月TEL  时间:2022/1/17 22:25:15  对本文有异议

一、定义数组

1、定义数组

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

2、设置数组长度

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

二、数组常见方法

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

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

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

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

格式:数组名.pop()

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

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

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

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

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

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

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

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

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

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

(7)排序(sort())

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

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

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

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

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

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

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

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

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

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

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

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

? } )

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

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

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

return 修改表达式

})

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

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

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

return 过滤条件

})

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

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

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

return 判断条件

})

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

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

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

return 判断条件

})

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

本文来自博客园,作者:永恒之月TEL,转载请注明原文链接:https://www.cnblogs.com/akc4/p/15815250.html

原文链接:http://www.cnblogs.com/akc4/p/15815250.html

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号