js数组操作常用方法


Posted in Javascript onMay 08, 2014

在jquery中处理JSON数组的情况中遍历用到的比较多,但是用添加移除这些好像不是太多。

今天试过json[i].remove(),json.remove(i)之后都不行,看网页的DOM对象中好像JSON数据是以数组的形式出现的,查阅了下相关JS中数组的操作一试果然很爽。

记录下来。

1、数组的创建

var arrayObj = new Array(); //创建一个数组
var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度
var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); //创建一个数组并赋值

要说明的是,虽然第二种方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也就是说即使指定了长度为5,仍然可以将元素存储在规定长度以外的,注意:这时长度会随之改变。

2、数组的元素的访问

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

3、数组元素的添加

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

4、数组元素的删除

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

5、数组的截取和合并

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

6、数组的拷贝

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

7、数组元素的排序

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

8、数组元素的字符串化

arrayObj.join(separator); //返回字符串,这个字符串将数组的每一个元素值连接在一起,中间用 separator 隔开。

toLocaleString 、toString 、valueOf:可以看作是join的特殊用法,不常用
Javascript 相关文章推荐
运用Windows XP附带的Msicuu.exe、Msizap.exe来彻底卸载顽固程序
Apr 21 Javascript
基于jquery1.4.2的仿flash超炫焦点图播放效果
Apr 20 Javascript
动态载入/删除/更新外部 JavaScript/Css 文件的代码
Jul 03 Javascript
java和javascript获取word文档的书签位置对比
Jun 19 Javascript
面试常见的js算法题
Mar 23 Javascript
JS判断两个对象内容是否相等的方法示例
Apr 10 Javascript
Vue-cli项目获取本地json文件数据的实例
Mar 07 Javascript
浅谈Webpack 持久化缓存实践
Mar 22 Javascript
移动端H5页面返回并刷新页面(BFcache)的方法
Nov 06 Javascript
浅谈Vue页面级缓存解决方案feb-alive(上)
Apr 14 Javascript
JS学习笔记之贪吃蛇小游戏demo实例详解
May 29 Javascript
解决iView Table组件宽度只变大不变小的问题
Nov 13 Javascript
javascript获取和判断浏览器窗口、屏幕、网页的高度、宽度等
May 08 #Javascript
jquery mobile的触控点击事件会多次触发问题的解决方法
May 08 #Javascript
javascript操作excel生成报表示例
May 08 #Javascript
jquery的ajax跨域请求原理和示例
May 08 #Javascript
Javascript单元测试框架QUnitjs详细介绍
May 08 #Javascript
javascript与有限状态机详解
May 08 #Javascript
ajax提交表单实现网页无刷新注册示例
May 08 #Javascript
You might like
解析file_get_contents模仿浏览器头(user_agent)获取数据
2013/06/27 PHP
PHP、Java des加密解密实例
2015/04/27 PHP
win7系统配置php+Apache+mysql环境的方法
2015/08/21 PHP
php 调用ffmpeg获取视频信息的简单实现
2017/04/03 PHP
php高清晰度无损图片压缩功能的实现代码
2018/12/09 PHP
php解决约瑟夫环算法实例分析
2019/09/30 PHP
js中使用DOM复制(克隆)指定节点名数据到新的XML文件中的代码
2011/07/27 Javascript
js简单实现交换Li的值
2014/05/22 Javascript
JavaScript的9种继承实现方式归纳
2015/05/18 Javascript
浅谈Javascript中的Label语句
2016/12/14 Javascript
JS设计模式之策略模式概念与用法分析
2018/02/05 Javascript
小程序实现左滑删除功能
2018/10/30 Javascript
使用puppeteer爬取网站并抓出404无效链接
2018/12/20 Javascript
JavaScript 九种跨域方式实现原理
2019/02/11 Javascript
详解Vue路由自动注入实践
2019/04/17 Javascript
vant中的toast轻提示实现代码
2020/11/04 Javascript
jQuery实现鼠标拖动图片功能
2021/03/04 jQuery
[47:03]完美世界DOTA2联赛PWL S3 access vs LBZS 第一场 12.20
2020/12/23 DOTA
python获取网页状态码示例
2014/03/30 Python
python logging模块的使用总结
2019/07/09 Python
matplotlib.pyplot画图并导出保存的实例
2019/12/07 Python
Python 如何创建一个线程池
2020/07/28 Python
sqlalchemy实现时间列自动更新教程
2020/09/02 Python
python中time tzset()函数实例用法
2021/02/18 Python
ONLY德国官方在线商店:购买时尚女装
2017/09/21 全球购物
斯图尔特·韦茨曼鞋加拿大官网:Stuart Weitzman加拿大
2019/10/13 全球购物
德国前卫设计师时装在线商店:Luxury Loft
2019/11/04 全球购物
Java面试题汇总
2015/12/06 面试题
护士专业推荐信
2013/11/02 职场文书
实习教师自我鉴定
2013/12/12 职场文书
企业内控岗位的职责
2014/02/07 职场文书
机电一体化求职信
2014/03/10 职场文书
反邪教宣传工作方案
2014/05/07 职场文书
学术研讨会主持词
2015/07/04 职场文书
深入理解mysql事务隔离级别和存储引擎
2022/04/12 MySQL
前端使用svg图片改色实现示例
2022/07/23 HTML / CSS