JavaScript学习-Array的方法

来源:互联网 发布:腾讯云免费域名 编辑:程序博客网 时间:2024/05/21 10:08

1,转换方法

  • toString()
    返回由数组中每个值的字符串形式拼接而成的一个以逗号分隔的字符串。为了创建这个字符串,会调用数组的每一项的toString()方法。
  • valueOf()
    返回的是数组。
  • toLocaleString()
    返回和toString()方法和valueOf()方法相同的值,不同之处,会调用数组的每一项的toLocaleString()方法,而不是toString()方法。
  • join()
    使用不同的分隔符来构建这个字符串。只接受一个参数,作为分隔符的字符串。例:

    var colors = \[”red","green","blue”];alert(colors.join(“,”)); // red,greed,bluealert(colors.join(“||”)) // red||green||blue
  • 总结
    如果数组中的某一项的的值是null或undefined,那么该值join(),toLocaleString(),toString()和valueOf()方法返回的结果中以空字符串表示。

2,栈方法

  • push()方法
    接受任意数量的参数,添加到数组末尾。返回修改后数组的长度。
  • pop()方法
    从数组末尾移除最后一项,减少数组的length值。返回移除的项。

3,队列方法

  • shift()方法
    移除数组中的第一个项并返回该项,同时将数组长度减1。结合使用shift()和push()方法,可以像使用队列一样使用数组。
  • unshift()方法
    和shift()的用途相反,它能在数组的前端添加任意个项。返回新数组的长度。

4,重排序方法

  • reverse()
    反转数组项的顺序。
  • sort()

    1. 不传参数情况下
      默认情况下,sort()方法按升序排列数组项。sort()方法会调用每个数组项的toString()转型方法,得到字符串进行比较,然后确定如何排序。即使数组的每一项都是数值,sort()方法比较的也是字符串,示例如下:

      var values = \[1,2,5,10,15];values.sort();alert(values); // 0,1,10,15,5
    2. 接收一个比较函数作为参数
      该比较函数接受两个参数,分别是数组中各项。

      function compare(value1,value2) \{    if(value1 < value2) \{        return -1;    }else if (value1 > value2) \{        return 1;    } else\{        return 0;    }}

5,操作方法

  • concat()方法
    会先创建当前数组的一个副本。
    1. 没有参数
      返回当前数组副本。
    2. 是一个或多个数组为参数
      将这些数组中的每一项都添加到副本数组中
    3. 参数不是数组
      这些值就会被简单地添加到结果数组的末尾。
  • slice()方法
    slice()方法不会影响原始数组。
    1. 两个整数参数
      分别代表着起始和结束的位置。返回从参数指定起始位置到末尾位置的所有项组成的数组。
    2. 接受一个整数参数
      只有一个参数的情况下,slice()方法返回从参数指定位置到数组的末尾的所有项组成的数组。
  • splice()方法
    这个方法恐怕算是最强大的数组方法了,它有很多种用法。返回一个数组,该数组中包含从原始数组中删除的项,如果没有删除任何项,则返回一个空数组。
    1. 删除
      可以删除任意数量的项,只需指定两个参数:要删除的第一项的位置和要删除的项数。
    2. 插入
      可以向指定位置插入任意数量的项,只需提供3个参数:起始位置,0(要删除的项数)和要插入的项,例:
      splice(2,0,"red","green")会从当前数组的位置2开始插入字符串“red”和“green”。
    3. 替换
      代码示例:
      splice(2,1,"red","green")会删除当前数组位置2的项,然后从位置2开始插入字符串“red”和“green”。

6,位置方法

以下两个方法在没有找到的情况下返回-1。在比较数组中的每一项时,会使用全等操作符(===)。

  • indexOf()
    一个参数时:从数组的起点开始向后查找。两个参数时:要查找的项和查找起点位置的索引。
  • lastIndexOf()
    从数组的末尾开始向前查找

7,迭代方法

ECMAScript为数组定义了5个迭代方法。每个方法都接收两个参数:(1)每一项上运行的函数,(2)运行该函数的作用域对象—影响this的值。传入这些方法中的函数会接收三个参数:数组项的值,该项在数组的位置和数组对象本身。

  • every()
    对数组的每一项运行给定函数,如果该函数对一项都返回TRUE,则返回TRUE。
  • filter()
  • forEach()
  • map()
  • some()
    对数组的每一项运行给定函数,如果该函数对一项都返回TRUE,则返回TRUE。
  • 总结
    • 最相似的every()和some(),他们都用于查询数组中项是否满足某个条件。
    • forEach()方法,本质上和使用for循环跌袋鼠族一样。

8,归并方法

ECMAScript 5还增加了两个归并数组的方法:

  • reduce()
    从数组的第一项开始
  • reduceRight()
    从数组的最后一项开始,向前遍历到第一项。
  • 总结
    1. 参数
      这两个方法都接受两个参数:(1)在每一项上调用的函数,(2)可选的,作为归并基础的初始值。传给每一项调用的函数接受4个参数:前一个值,当前值,项的索引和数组对象。
    2. 返回值
      这两个方法都会迭代数组的所有项,然后构建一个最终返回的值。
0 0
原创粉丝点击