• js数组方法详细总结


    前言

    引用类型之数组,数组是数据的有序列表,但是js中的数组每一项可以保存任何类型的数据,第一项可以是字符串,第二项可以是数值,第三项可以是对象,等等,数组的大小是可以动态调整的,即可以随着数据的添加自动增长以容纳新增数据。

    正文

    一、创建方式

    数组有两种创建方式,一是使用构造函数的方法,一种是使用字面量的方式

    ①构造函数

    var arr = new Array()
    

    其中可以给构造函数传递参数

    如果是

    var arr = new Array(5) // 表示要创建的数组的长度为5的空数组,每一项为undefined
    

    还可以

    var arr = new Array('red','yellow','blue')
    

    这就创建了一个包含这三项的一个数组。另外new操作符也可以省略

    ②字面量方式

    建数组的第二种基本方式是使用数组字面量表示法。数组字面量由一对包含数组项的方括号表示,多个数组项之间以逗号隔开。通过设置这个属性,可以从数组的末尾移除项或向数组中添加新项。

    通过设置这个属性,可以从数组的末尾移除项或向数组中添加新项数组最多可以包含4294967295个项,这几乎已经能够满足任何编程需求了。如果想添加的项数超过这个上限值,就会发生异常。而创建一个初始大小与这个上限值接近的数组,则可能会导致运行时间超长的脚本错误。

    二、检测数组

    检测一个对象是不是数组类型,不推荐使用instanceof操作符,我们使用Array.isArray()方法。

    三、转换方法

    所有对象都具有toLocaleString()、toString()和valueOf()方法。

    ①使用valueOf()方法还是会返回数组本身

    ②使用toString()会返回由数组中每个值的字符串形式拼接而成的一个以逗号分隔的字符串,内部为了创建这个字符串会调用数组每一项的toString()方法。不支持传参。

    ③使用toLocaleString()会返回由数组中每个值的字符串形式拼接而成的一个以逗号分隔的字符串,内部为了创建这个字符串会调用数组每一项的toLocaleString()方法。不支持传参。

    数组中还有一个join()方法可以把数组转换成字符串,该方法只接收一个参数,参数以字符串的形式传参,参数用作分隔字符,不传参的情况下默认为逗号分隔,如果数组中的某一项的值是null或者undefined,那么该值在join()、toLocaleString()、toString()和valueOf()方法返回的结果中以空字符串表示。

    四、数组增删改查方法

    1. push()方法可以接收任意数量的参数,把它们逐个添加到数组末尾,并返回修改后数组的长度

    2. unshift()方法在数组前端添加任意个项了,并返回新数组的长度

    3. pop()方法则从数组末尾移除最后一项,减少数组的length值,然后返回移除的项

    4. shift(),它能够移除数组中的第一个项并返回该项

    5. reverse()对数组顺序进行颠倒,注意并不能使数组实现从小到大的排序,只是使数组前后顺序颠倒,返回值是颠倒顺序后的数组且原数组也已经被影响

    6. sort()默认对数组进行按升序排列,内部会调用数组每一项的valueOf()方法,实际的是比较的字符串,所以有时候并不能真正的按数值大小来进行排序,

      所以该方法可以接收一个比较函数

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

      可以更改return的返回值来规定排序规则,使用则为arr.sort(compare),函数不需要加()。

    7. concat()方法会先创建当前数组一个副本,然后将接收到的参数添加到这个副本的末尾,最后返回新构建的数组,原数组不会受到影响。如果传递给concat()方法的是一或多个数组,则该方法会将这些数组中的每一项都添加到结果数组中。如果传递的值不是数组,这些值就会被简单地添加到结果数组的末尾。

    8. slice(),它能够基于当前数组中的一或多个项创建一个新数组。slice()方法可以接受一或两个参数,即要返回项的起始和结束位置。在只有一个参数的情况下,slice()方法返回从该参数指定位置开始到当前数组末尾的所有项。如果有两个参数,该方法返回起始和结束位置之间的项——但不包括结束位置的项。注意,slice()方法返回新创建的数组,不会影响原始数组

      如果slice()方法的参数中有一个负数,则用数组长度加上该数来确定相应的位置。例如,在一个包含5项的数组上调用slice(-2, -1)与调用slice(3,4)得到的结果相同。如果结束位置小于起始位置,则返回空数组。且如果两个参数都为负数,与数组长度相加后都仍为负数,也会返回一个空数组。

    9. splice()方法,splice()的主要用途是向数组的中部插入项,他有三种用法

      删除:可以删除任意数量的项,只需指定2个参数:要删除的第一项的位置和要删除的项数。例如,splice(0,2)会删除数组中的前两项。

      插入:可以向指定位置插入任意数量的项,只需提供3个参数:起始位置、0(要删除的项数)和要插入的项。如果要插入多个项,可以再传入第四、第五,以至任意多个项。例如,splice(2,0, "red", "green")会从当前数组的位置2开始插入字符串"red"和"green"。

      替换:可以向指定位置插入任意数量的项,且同时删除任意数量的项,只需指定3个参数:起始位置、要删除的项数和要插入的任意数量的项。插入的项数不必与删除的项数相等。例如,splice (2,1, "red", "green")会删除当前数组位置2的项,然后再从位置2开始插入字符串"red"和"green"。

      splice()方法始终都会返回一个数组,该数组中包含从原始数组中删除的项(如果没有删除任何项,则返回一个空数组)

    10. indexOf()和lastIndexOf()。这两个方法都接收两个参数:要查找的项和(可选的)表示查找起点位置的索引。其中,indexOf()方法从数组的开头(位置0)开始向后查找,lastIndexOf()方法则从数组的末尾开始向前查找。

      这两个方法都返回要查找的项在数组中的位置,或者在没找到的情况下返回-1。在比较第一个参数与数组中的每一项时,会使用全等操作符;也就是说,要求查找的项必须严格相等(就像使用===一样)

    11. ECMAScript 5为数组定义了5个迭代方法。每个方法都接收两个参数:要在每一项上运行的函数和(可选的)运行该函数的作用域对象——影响this的值。传入这些方法中的函数会接收三个参数:数组项的值、该项在数组中的位置和数组对象本身。根据使用的方法不同,这个函数执行后的返回值可能会也可能不会影响方法的返回值。以下是这5个迭代方法的作用。

      ❏ every():对数组中的每一项运行给定函数,如果该函数对每一项都返回true,则返回true。

      ❏ some():对数组中的每一项运行给定函数,如果该函数对任一项返回true,则返回true。

      ❏ filter():对数组中的每一项运行给定函数,返回该函数会返回true的项组成的数组。

      ❏ map():对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。

      ❏ forEach():对数组中的每一项运行给定函数。这个方法没有返回值。

    12. ECMAScript 5还新增了两个归并数组的方法:reduce()和reduceRight()。这两个方法都会迭代数组的所有项,然后构建一个最终返回的值。其中,reduce()方法从数组的第一项开始,逐个遍历到最后。而reduceRight()则从数组的最后一项开始,向前遍历到第一项。

      这两个方法都接收两个参数:一个在每一项上调用的函数和(可选的)作为归并基础的初始值。传给reduce()和reduceRight()的函数接收4个参数:前一个值、当前值、项的索引和数组对象。这个函数返回的任何值都会作为第一个参数自动传给下一项。第一次迭代发生在数组的第二项上,因此第一个参数是数组的第一项,第二个参数就是数组的第二项。

      var arr = new Array(5,8,9,36,7);
      console.log(arr.reduce(function test (prev,cur,index,arr) {
                 return prev+cur
             })) // 65
      

      但是如下代码会报错:

       var arr = new Array(5,8,9,36,7);
              function test (prev,cur,index,arr) {
                 return prev+cur;
              }
             console.log(arr.reduce(test (prev,cur,index,arr)));
      

    第一次执行回调函数,prev是5, cur是8。第二次,prev是13(5加8的结果), cur是9(数组的第三项)。这个过程会持续到把数组中的每一项都访问一遍,最后返回结果。

  • 相关阅读:
    给有C或C++基础的Python入门 :Python Crash Course 4 操作列表 4.4 -- 4.5
    给有C或C++基础的Python入门 :Python Crash Course 4 操作列表 4.1--4.3
    因数表进阶:1--x的因数和
    【python】接口自动化初识第三站
    【python】接口自动化初识第二站
    【python】接口自动化初识第一站
    【pycharm】无法自动补齐代码
    【python】UI自动化框架搭建
    【jmeter】B接口通过正则表达式引用A接口的参数
    测试流程测试方法
  • 原文地址:https://www.cnblogs.com/jojo-star/p/13438434.html
Copyright © 2020-2023  润新知