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 相关文章推荐
jquery select(列表)的操作(取值/赋值)
Aug 06 Javascript
document.documentElement的一些使用技巧
Apr 18 Javascript
一个不错的js html页面倒计时可精确到秒
Oct 22 Javascript
基于bootstrap3和jquery的分页插件
Jul 31 Javascript
javascript巧用eval函数组装表单输入项为json对象的方法
Nov 25 Javascript
AngularJS入门教程之REST和定制服务详解
Aug 19 Javascript
深入理解bootstrap框架之入门准备
Oct 09 Javascript
node.js利用redis数据库缓存数据的方法
Mar 01 Javascript
Angular表格神器ui-grid应用详解
Sep 29 Javascript
JavaScript时间戳与时间日期间相互转换
Dec 11 Javascript
json字符串传到前台input的方法
Aug 06 Javascript
浅谈v-for 和 v-if 并用时筛选条件方法
Nov 07 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
学习php笔记 字符串处理
2010/10/19 PHP
PHP实现微信发红包程序
2015/08/24 PHP
php源码之将图片转化为data/base64数据流实例详解
2016/11/27 PHP
jquery键盘事件使用介绍
2011/11/01 Javascript
JS 去前后空格大全(IE9亲测)
2013/07/15 Javascript
中止javascript执行的方法
2014/02/14 Javascript
使用javascript实现雪花飘落的效果
2015/01/13 Javascript
JavaScript设计模式学习之“类式继承”
2015/03/12 Javascript
js实现图片放大和拖拽特效代码分享
2015/09/05 Javascript
jQuery横向擦除焦点图特效代码分享
2015/09/06 Javascript
jQuery获取DOM节点实例分析(2种方式)
2015/12/15 Javascript
在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口的方法
2016/08/05 Javascript
bootstrap下拉列表与输入框组结合的样式调整
2016/10/08 Javascript
js+html5实现页面可刷新的倒计时效果
2017/07/15 Javascript
vue引入jq插件的实例讲解
2017/09/12 Javascript
JS 中document.write()的用法和清空的原因浅析
2017/12/04 Javascript
webpack 开发和生产并行设置的方法
2018/11/08 Javascript
微信小程序 WXML节点信息查询详解
2019/07/29 Javascript
IDEA安装vue插件图文详解
2019/09/26 Javascript
JavaScript实现拖拽盒子效果
2020/02/06 Javascript
在Webpack中用url-loader处理图片和字体的问题
2020/04/28 Javascript
[01:08:43]DOTA2-DPC中国联赛定级赛 Phoenix vs DLG BO3第一场 1月9日
2021/03/11 DOTA
Python time模块详解(常用函数实例讲解,非常好)
2014/04/24 Python
详细介绍Python的鸭子类型
2016/09/12 Python
Python2随机数列生成器简单实例
2017/09/04 Python
python使用jieba实现中文分词去停用词方法示例
2018/03/11 Python
PyCharm刷新项目(文件)目录的实现
2020/02/14 Python
使用canvas压缩图片大小的方法示例
2019/08/02 HTML / CSS
乌克兰鞋类购物网站:Eobuv.com.ua
2020/11/28 全球购物
人力资源主管岗位职责
2014/01/29 职场文书
安全生产年活动总结
2014/08/29 职场文书
2015届本科毕业生自我鉴定
2014/09/27 职场文书
工伤事故处理协议书怎么写
2014/10/15 职场文书
个人股份合作协议书
2014/10/24 职场文书
Python必备技巧之函数的使用详解
2022/04/04 Python
Python线程池与GIL全局锁实现抽奖小案例
2022/04/13 Python