UDN-企业互联网技术人气社区

板块导航

浏览  : 528
回复  : 2

[原生js] js数组操作常用方法

[复制链接]
刘莉莉11的头像 楼主
发表于 2017-1-3 12:58:20 | 显示全部楼层 |阅读模式
  这篇文章主要介绍了js数组操作常用方法,包括数组的创建、数组的元素的访问、数组元素的删除、数组的拷贝,需要的朋友可以参考下

  在jquery中处理JSON数组的情况中遍历用到的比较多,但是用添加移除这些好像不是太多。
  
  今天试过json.remove(),json.remove(i)之后都不行,看网页的DOM对象中好像JSON数据是以数组的形式出现的,查阅了下相关JS中数组的操作一试果然很爽。
  
  记录下来。
  
  1、数组的创建
  
  复制代码 代码如下:

  1. var arrayObj = new Array(); //创建一个数组
  2. var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度
  3. var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); //创建一个数组并赋值
复制代码
 
  要说明的是,虽然第二种方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也就是说即使指定了长度为5,仍然可以将元素存储在规定长度以外的,注意:这时长度会随之改变。
  
  2、数组的元素的访问
  
  复制代码 代码如下:

  1. var testGetArrValue=arrayObj[1]; //获取数组的元素值
  2. arrayObj[1]= "这是新值"; //给数组元素赋予新的值
复制代码

  3、数组元素的添加
  
  复制代码 代码如下:

  1. arrayObj. push([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组结尾,并返回数组新长度
  2. arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组开始,数组中的元素自动后移,返回数组新长度
  3. arrayObj.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//将一个或多个新元素插入到数组的指定位置,插入位置的元素自动后移,返回""。
复制代码

  4、数组元素的删除
  
  复制代码 代码如下:

  1. arrayObj.pop(); //移除最后一个元素并返回该元素值
  2. arrayObj.shift(); //移除最前一个元素并返回该元素值,数组中元素自动前移
  3. arrayObj.splice(deletePos,deleteCount); //删除从指定位置deletePos开始的指定数量deleteCount的元素,数组形式返回所移除的元素
复制代码

  5、数组的截取和合并
  
  复制代码 代码如下:

  1. arrayObj.slice(start, [end]); //以数组的形式返回数组的一部分,注意不包括 end 对应的元素,如果省略 end 将复制 start 之后的所有元素
  2. arrayObj.concat([item1[, item2[, . . . [,itemN]]]]); //将多个数组(也可以是字符串,或者是数组和字符串的混合)连接为一个数组,返回连接好的新的数组
复制代码

  6、数组的拷贝
  
  复制代码 代码如下:

  1. arrayObj.slice(0); //返回数组的拷贝数组,注意是一个新的数组,不是指向
  2. arrayObj.concat(); //返回数组的拷贝数组,注意是一个新的数组,不是指向
复制代码

  7、数组元素的排序
  
  复制代码 代码如下:

  1. arrayObj.reverse(); //反转元素(最前的排到最后、最后的排到最前),返回数组地址
  2. arrayObj.sort(); //对数组元素排序,返回数组地址
复制代码

  8、数组元素的字符串化
  
  复制代码 代码如下:

  1. arrayObj.join(separator); //返回字符串,这个字符串将数组的每一个元素值连接在一起,中间用 separator 隔开。
复制代码
发表于 2017-1-3 12:58:50 | 显示全部楼层
js太强大了,好多工作前端都可以做了…
使用道具 举报

回复

发表于 2017-1-3 12:58:50 | 显示全部楼层
感觉JavaScript很有前途
使用道具 举报

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们
联系我们
  • 电话:010-86393388
  • 邮件:udn@yonyou.com
  • 地址:北京市海淀区北清路68号
移动客户端下载
关注我们
  • 微信公众号:yonyouudn
  • 扫描右侧二维码关注我们
  • 专注企业互联网的技术社区
版权所有:用友网络科技股份有限公司82041 京ICP备05007539号-11 京公网网备安1101080209224 Powered by Discuz!
快速回复 返回列表 返回顶部