• 数组方法总结


    一、创建数组

    创建数组有两种方式:

    1.使用Array构造函数

    var color=new Array();

    或者var color=new Array(20); 其中20是数组的长度。

    或者var color=new Array("red","blue","green");

    也可以省略new操作符   var color=Array(3)

    2.使用数组字面量表示法

    var color=["red","blue","green"];

    var names=[];//定义空数组;  var person={}定义空对象

    数组的length属性是很有特点的,它不是只读的,可以通过设置这个属性,从数组的末尾移除项或向数组添加新项。

    var color=["red","blue","green"];

    color.length=2;

    alert(color[2])//undefined

    二、检测数组

    Array.isArray(value)检测是否为数组

    这里不用value instanceof Array是因为,它假定只有一个全局执行环境,如果网页中包含多个框架,那实际上就存在两个以上不同的全局执行环境,从而存在两个以上不同版本的Array构造函数。

    三、转换方法

    toLocalString()、toString()、valueOf()

    toString()返回由数组中每个值的字符串形式拼接而成的一个以逗号分隔的字符串。

    valueOf()返回的还是数组

    四、数组方法

    4.1 join()以不同的分隔符来构建字符串,只接受一个参数,即用作分隔符的字符串,然后返回包含所有数组项的字符串

    var color=["red","green","blue"];

    alert(color.join(","))  //red,green,blue

    alert(color.join("||"))  //red||green||blue

    如果不给join()方法传入任何值或者传入undefined,则使用逗号作为分隔符。

    4.2 数组的重排序方法:reverse()和sort()

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

    var value=[1,2,3,4]; value.reverse();

    sort()默认按照升序排列数组,会调用每个数组项的toString()方法,然后比较字符串

    sort()方法可以接收一个比较函数作为参数,比较函数接收两个参数,如果第一个参数应该位于第二个参数之前则返回一个负数,如果两个参数相等则返回0,如果第一个参数应该位于第二个之后则返回一个正数。

    function compare(value1,value2){

      return value2-value1; //如果value1在value2前面,应该返回一个负数,如果value2-value1<0的话,那么value2<value1,且顺序是value1  value2,所以该函数是降序

    }

    function compare(value1,value2){

      return value1-value2;//value1在value2前面,那么value1-value2<0,value1<value2,且顺序为value1,value2,所以该函数是升序排列

    }

    value values=[0,1,4,2,5];

    values.sort(compare);

    4.3 concat()方法可以基于当前数组的所有项创建一个新数组。这个方法会先创建当前数组的一个副本,然后将接收到的参数添加到这个副本的末尾,最后返回新创建的数组。在没有传递参数的情况下,它只是复制当前数组并返回副本。如果传递的是一或多个数组,则该方法会将这些数组中的每一项都添加到结果数组中。如果传递的值不是数组,这些值就会简单的添加到数组的末尾。

    var color=["red","blue"];

    var color2=color.concat("yellow",["black","brown"]);

    alert(color2) //red blue yellow black brown;

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

    如果slice()的参数中有一个是负数,则用数组长度加上该数来确定相应的位置。如果结束位置小于起始位置,则返回空数组。

    4.5 splice()

    1.删除,指定2个参数,要删除的第一项位置,和要删除的项数

    2.插入:向指定位置插入任意数量的项,3个参数,起始位置,0(要删除的项数),要插入的项

    var color=["green","blue"];

    var removed=color.splice(1,0,"yellow","orange")  //green yellow orange blue

    3. 替换:可以向指定位置插入任意数量的项,同时删除任意数量的项,3个参数,起始位置、要删除的项数、要插入的任意数量的项。插入项数不必与删除项数相等。

    var color=["green","yellow","orange","blue"];

    var removed=color.splice(1,1,"red","purple");//green red purple orange blue

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

    4.6 indexOf()和lastIndexOf()

    2个参数,要查找的项,表示查找起点位置的索引(可选);

    indexOf()从数组开头向后找,lastIndexOf()从数组末尾向前找

    都返回要查找的项在数组中的位置,或者在没找到的情况下返回-1.在比较第一个参数与数组中的每一项时,使用全等操作符。

                 索引  0  1 2 3 4 5 6 7 8

    var numbers=[1,2,3,4,5,4,3,2,1]

    alert(numbers.indexOf(4))  //3

    alert(numbers.lastIndexOf(4))  //5  lastIndexOf()方法虽然是从后往前找,但索引的表达方式还是从数组开头往后递增排布

    alert(numbers.indexOf(4,4))  //5

    alert(numbers.lastIndexOf(4,4))  //3

    4.7 迭代方法

    都接受两个参数:要在每一项上运行的函数,运行该函数的作用域对象(可选,影响this值)。

    传入这些方法中的函数会接受3个参数:数组项的值,该项在数组中的位置,数组对象本身

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

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

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

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

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

    这些方法都不会修改数组中包含的值。

     var numbers=[1,2,3,4,5,4,3,2,1];

    var everyResult=numbers.every(function(item,index,array){

      return (item>2);

    })//false

    var someResult=numbers.some(function(item,index,array){

      return (item>2);

    })//true;

    var filterResult=numbers.filter(function(item,index,array){

      return (item>2);

    })// [3,4,5,4,3]

    var mapResult=numbers.map(function(item,index,array){

      return item*2;

    })//[2,4,6,8,10,8,6,4,2]

    numbers.forEach(function(item,index,array)){

    //执行某些操作,无返回值。

    }

    4.8 归并方法

    归并数组的方法:reduce()  reduceRight(),迭代数组的所有项,构建一个最终返回的值。reduce()方法从数组的第一项开始,逐个遍历到最后。reduceRight()从数组的最后一项,向前遍历到第一项。接受2个参数,在每一项上调用的函数,作为归并基础的初始值(可选)。传给reduce,reduceRight的函数接受4个参数,前一个值,当前值,项的索引,数组对象。这个函数返回的任何值都会作为第一个参数自动传给下一项。第一次迭代发生在数组的第二项上,因此第一个参数是数组的第一项,第二个参数是数组的第二项。

    var values=[1,2,3,4,5];

    var sum=values.reduce(function(prev,cur,index,array){

      return prev+cur;

    })//求和 15

    使用reduce 还是reduceRight()主要取决于从哪头开始遍历数组。除此之外,完全相同

    4.9栈方法

    数组可以表现的像栈一样,后者是一种可以限制插入和删除项的数据结构。栈是“后进先出”的数据结构

    push()可以接受任意数量的参数,把他们逐个添加到数组末尾,并返回修改后数组的长度。

    pop()从数组末尾移除最后一项,减少数组length值,返回移除的项。

    4.10 队列方法

    队列是“先进先出”的数据结构。

    shift()移除数组中的第一个项并返回该项,同时数组长度减1。

    结合shift()和push()方法可以像队列一样使用数组

    unshift()在数组前端添加任意个项并返回新数组长度。

    同时使用unshift()和pop()方法可以从相反方向来模拟队列。

  • 相关阅读:
    git命令-切换分支
    Git SSH Key 生成步骤
    12个非常有用的JavaScript技巧
    project 2013 删除资源
    project 2013 工时完成百分比不会自动更新填充
    project 2013 显示标题
    project 2013 任务显示编号
    project 2013 设置工期为1个工作日,但开始时间与结束时间不是同一天
    ecplise properties文件 中文转码
    Jeesite 代码生成
  • 原文地址:https://www.cnblogs.com/YangqinCao/p/5397023.html
Copyright © 2020-2023  润新知