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 相关文章推荐
对xmlHttp对象方法和属性的理解
Jan 17 Javascript
js单例模式详解实例
Nov 21 Javascript
javascript数组去重方法终极总结
Jun 05 Javascript
JS限制文本框只能输入数字和字母方法
Feb 28 Javascript
js使用onmousemove和onmouseout获取鼠标坐标的方法
Mar 31 Javascript
javascript实现延时显示提示框特效代码
Apr 27 Javascript
js HTML5上传示例代码完整版
Oct 10 Javascript
JS中创建自定义类型的常用模式总结【工厂模式,构造函数模式,原型模式,动态原型模式等】
Jan 19 Javascript
原生js实现俄罗斯方块
Oct 20 Javascript
javascript实现滚轮轮播图片
Dec 13 Javascript
详解阿里Node.js技术文档之process模块学习指南
Jan 04 Javascript
vue Element-ui表格实现树形结构表格
Jun 07 Vue.js
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
基于文本的搜索
2006/10/09 PHP
搜索和替换文件或目录的一个好类--很实用
2006/10/09 PHP
PHP Directory 函数的详解
2013/03/07 PHP
php采集文章中的图片获取替换到本地(实现代码)
2013/07/08 PHP
php实现html标签闭合检测与修复方法
2015/07/09 PHP
php使用array_chunk函数将一个数组分割成多个数组
2018/12/05 PHP
判断滚动条到底部的JS代码
2013/11/04 Javascript
js实现有时间限制消失的图片方法
2015/02/27 Javascript
JavaScript实现的背景自动变色代码
2015/10/17 Javascript
原生js和jQuery实现淡入淡出轮播效果
2015/12/25 Javascript
Bootstrap+jfinal实现省市级联下拉菜单
2016/05/30 Javascript
jQuery序列化表单成对象的简单实现
2016/11/29 Javascript
原生js实现无限循环轮播图效果
2017/01/20 Javascript
浅析bootstrap原理及优缺点
2017/03/19 Javascript
js图片放大镜效果实现方法详解
2020/10/28 Javascript
zTree异步加载展开第一级节点的实现方法
2017/09/05 Javascript
详解vue2 $watch要注意的问题
2017/09/08 Javascript
React Native基础入门之调试React Native应用的一小步
2018/07/02 Javascript
vue实现前台列表数据过滤搜索、分页效果
2019/05/28 Javascript
JS根据Unix时间戳显示发布时间是多久前【项目实测】
2019/07/10 Javascript
python使用tensorflow深度学习识别验证码
2018/04/03 Python
Python实现的HMacMD5加密算法示例
2018/04/03 Python
python判断输入日期为第几天的实例
2018/11/13 Python
pandas中的series数据类型详解
2019/07/06 Python
回馈慈善的设计师太阳镜:DIFF eyewear
2019/10/17 全球购物
《在山的那边》教学反思
2014/02/23 职场文书
中学生家长评语大全
2014/04/16 职场文书
党在我心中演讲稿
2014/09/02 职场文书
师德师风自我评价范文
2014/09/11 职场文书
平遥古城导游词
2015/02/03 职场文书
社团个人总结范文
2015/03/05 职场文书
2015年幼儿园德育工作总结
2015/05/25 职场文书
党小组鉴定意见
2015/06/02 职场文书
公司联欢会主持词
2015/07/04 职场文书
三好学生主要事迹怎么写
2015/11/03 职场文书
Python源码解析之List
2021/05/21 Python