码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript的数组的操作方法

时间:2015-06-08 08:24:01      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:

一、使用索引下标来读取数组的值

    var box = new Array(‘李炎恢‘,28,‘教师‘,‘盐城‘);
    
    alert(box[2]); //获取第三个元素
   box[2] = ‘学生‘; //修改第三个元素
   box[4] = ‘计算机编程‘; //增加第五个元素
    alert( box[4])

  

 

 

 

二、使用 length 属性获取数组元素量

    var box = new Array(‘李炎恢‘,28,‘教师‘,‘盐城‘);
    
    alert(box.length) //获取元素个数
   box.length = 10; //强制元素个数,PS:数组最多可包含 4294967295 个元素,超出即会发生异常。
    
   box[box.length] = ‘JS 技术‘; //通过 length 给数组增加一个元素,在最后一个角标添加一个元素

 

  

 

 

三、转换方法

    1、对象或数组都具有toLocaleString()、toString()和valueOf()方法。

    2、其中toString()和valueOf()无论重写了谁,都会返回相同的值。

    3、数组会将每个值进行字符串形式的拼接,以逗号隔开。

var box = [‘李炎恢‘,28,‘计算机编程‘]; //字面量数组
alert(box); //隐式调用了 toString()
alert(box.valueOf());
alert(box.toString()); //和 valueOf()返回一致
alert(box.toLocaleString()); //返回值和上面

 

var box = [new Date()];
alert(box.toString());        //Tue Mar 25 2014 17:14:28 GMT+0800
alert(box.toLocaleString());//具有本地格式化的功能,不会自动调用     结果是2014年3月25日 17:14:28

 

 

 

 

四、join()方法

    默认情况下,数组字符串都会以逗号隔开。如果使用 join()方法,则可以使用不同的分隔符来构建这个字符串。

var box = [‘李炎恢‘, 28, ‘计算机编程‘];
alert(box.join(‘|‘)); //李炎恢|28|计算机编程    返回的类型是字符串

 

 

 

五、栈方法

  1、ECMAScript 数组提供了一种让数组的行为类似于其他数据结构的方法。也就是说,可以让数组像栈一样,可以限制插入和删除项的数据结构。

   2、栈是一种数据结构(后进先出),也就是说最新添加的元素最早被移除。而栈中元素的插入(或叫推入)和移除(或叫弹出),只发生在一个位置——栈的顶部。

   3、ECMAScript 为数组专门提供了 push()和 pop()方法:

      push()方法可以接收任意数量的参数,把它们逐个添加到数组的末尾,并返回修改后数组的长度。
      pop()方法则从数组末尾移除最后一个元素,减少数组的 length 值,然后返回移除的元素。

var box = [‘李炎恢‘, 28, ‘计算机编程‘]; //字面量声明
alert(box.push(‘盐城‘)); //数组末尾添加一个元素,并且返回长度
alert(box); //查看数组
alert(box.pop()); //移除数组末尾元素,并返回移除的元素
alert(box); //查看元素

 

 

 

 

六、队列方法

  1、栈方法是后进先出,而队列方法就是先进先出。

  2、队列在数组的末端添加元素,从数组的前端移除元素。

  3、通过 push()向数组末端添加一个元素,然后通过 shift()方法从数组前端移除一个元素。

var box = [‘李炎恢‘, 28, ‘计算机编程‘]; //字面量声明
alert(box.push(‘盐城‘)); //数组末尾添加一个元素,并且返回长度
alert(box); //查看数组
alert(box.shift()); //移除数组开头元素,并返回移除的元素
alert(box); //查看数组

 

javaScript 还为数组提供了一个 unshift()方法,它和 shift()方法的功能完全相反。unshift()方法为数组的前端添加一个元素。

var box = [‘李炎恢‘, 28, ‘计算机编程‘]; //字面量声明
alert(box.unshift(‘盐城‘,‘江苏‘)); //数组开头添加两个元素
alert(box); //查看数组
alert(box.pop()); //移除数组末尾元素,并返回移除的元素
alert(box); //查看数组

 

 

 

 

七、排序方法

  数组中已经存在两个可以直接用来排序的方法:reverse()和 sort()

    1、reverse() 逆向排序

var box = [1,2,3,4,5]; //数组
alert(box.reverse()); //逆向排序方法,返回排序后的数组
alert(box); //源数组也被逆向排序了,说明是引用

 

    2、sort() 从小到大排序

var box = [4,1,7,3,9,2]; //数组
alert(box.sort()); //从小到大排序,返回排序后的数组
alert(box); //源数组也被从小到大排序了 

      sort 方法的默认排序在数字排序上有些问题,因为数字排序和数字字符串排序的算法是一样的。

      我们必须修改这一特征,修改的方式,就是给 sort(参数)方法传递一个函数参数。

function compare(value1, value2) { //数字排序的函数参数
    if (value1 < value2) { //小于,返回负数
      return -1;
    } else if (value1 > value2) { //大于,返回正数
      return 1;
    } else { //其他,返回 0
      return 0;
    }
  }
var box = [0,1,55,10,65]; //验证数字字符串,和数字的区别
alert(box.sort(compare)); //传参

      如果要反向操作,即从大到小排序,正负颠倒即可。当然,如果要逆序用 reverse()更加方便。

 

 

 

八、其他操作方法:

  1、concat()方法可以基于当前数组创建一个新数组。

var box = [‘李炎恢‘, 28, ‘盐城‘]; //当前数组
var box2 = box.concat(‘计算机编程‘); //创建新数组,并添加新元素
alert(box2); //输出新数组
alert(box); //当前数组没有任何变化

  

  2、slice()方法可以基于当前数组获取指定区域元素并创建一个新数组。

var box = [‘李炎恢‘, 28, ‘盐城‘]; //当前数组
var box2 = box.slice(1);//一个参数表示从这个参数开始往后取
//var box3 = box.slice(1,3);//2-4 之间的元素  两个参数表示从第一个参数开始取,取到第二个参数的位置
alert(box2); //28,盐城
alert(box); //当前数组  

 

  3、splice()主要用途是向数组的中插入元素。

      splice 中的删除功能:

var box = [‘李炎恢‘, 28, ‘盐城‘]; //当前数组
var box2 = box.splice(0,2); //截取前两个元素,表示从0开始截取两个元素
alert(box2); //返回截取的元素
alert(box); //当前数组被截取的元素被删除

      splice 中的插入功能(操作的是原数组):

var box = [‘李炎恢‘, 28, ‘盐城‘]; //当前数组
var box2 = box.splice(1,0,‘计算机编程‘,‘江苏‘); //没有截取,但插入了两条  1表示从1号角标插入,0表示不删除,如果改为1,28这个元素就没有了
alert(box2); // 什么都没有,因为第二个参数是0,没有截取到
alert(box); //输出     在第 2 个位置插入两条

       splice 中的替换功能:

var box = [‘李炎恢‘, 28, ‘盐城‘]; //当前数组
var box2 = box.splice(1,2,100); //截取了第 2 条,替换成 100      第二个参数传入几就截取几个
alert(box2); //输出截取的 28
alert(box); //输出数组

 

JavaScript的数组的操作方法

标签:

原文地址:http://www.cnblogs.com/LO-ME/p/4398788.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!