js数组操作常用方法

 更新时间:2014年05月08日 10:38:51   作者:  
这篇文章主要介绍了js数组操作常用方法,包括数组的创建、数组的元素的访问、数组元素的删除、数组的拷贝,需要的朋友可以参考下

在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的特殊用法,不常用

相关文章

  • DOM基础教程之使用DOM设置文本框

    DOM基础教程之使用DOM设置文本框

    这篇文章主要介绍了DOM基础教程之使用DOM设置文本框的相关资料,需要的朋友可以参考下
    2015-01-01
  • caller和callee的区别介绍及演示结果

    caller和callee的区别介绍及演示结果

    caller返回一个函数的引用,这个函数调用了当前的函数;callee放回正在执行的函数本身的引用,它是arguments的一个属性,感兴趣的你可以参考下或许可以帮助到你
    2013-03-03
  • 在javaScript中关于submit和button的区别介绍

    在javaScript中关于submit和button的区别介绍

    submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上
    2013-10-10
  • 关于base64加密/解密

    关于base64加密/解密

    关于base64加密/解密...
    2006-12-12
  • javascript中call()、apply()的区别

    javascript中call()、apply()的区别

    这篇文章主要介绍了javascript中call()、apply()的区别,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03
  • javascript 进阶篇2 CSS XML学习

    javascript 进阶篇2 CSS XML学习

    CSS我觉得应该没有不会的吧。。不过因为我自己不大会于是还是补在这里好了
    2012-03-03
  • 浅谈js的setInterval事件

    浅谈js的setInterval事件

    这篇文章主要介绍了js的setInterval方法的用法以及示例,非常的有用,这里推荐给小伙伴们
    2014-12-12
  • 浅析javascript操作 cookie对象

    浅析javascript操作 cookie对象

    这篇文章主要简单分析介绍了javascript操作 cookie对象的方法及示例,有需要的小伙伴参考下
    2014-12-12
  • JavaScript基础语法与数据类型介绍

    JavaScript基础语法与数据类型介绍

    这篇文章介绍了JavaScript基础语法与数据类型,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-02-02
  • javascript操作符

    javascript操作符"!~"详解

    这篇文章主要详细介绍了javascript操作符"!~",最基本也最容易忽略的东西,混了几年连基本都没了,被人问到得贻笑大方。
    2015-02-02

最新评论