zoukankan      html  css  js  c++  java
  • js数组方法

    一、基本操作。

    1、Array.isArray方法返回一个布尔值,表示参数是否为数组。它可以弥补typeof运算符的不足

    2、pushpop结合使用,就构成了“后进先出”的栈结构(stack)、push()和shift()结合使用,就构成了“先进先出”的队列结构(queue)

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

    shift():删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined 。 
    unshift:将参数添加到原数组开头,并返回数组的长度

    3、join()方法以指定参数作为分隔符,将所有数组成员连接为一个字符串,返回该字符串如果不提供参数,默认用逗号分隔(如果数组成员是undefinednull或空位,会被转成空字符串。)

     

    4、通过call方法,这个方法也可以用于字符串或类似数组的对象。

    注意:(Array.prototype.join.call('hello', '-')// "h-e-l-l-o"

    var obj = { 0: 'a', 1: 'b', length: 2 };

    Array.prototype.join.call(obj, '-')// 'a-b'

    5、reverse():反转数组项的顺序,返回反转后的数组

    6、concat():将参数添加到原数组中,返回添加后的数组

    7、slice():返回从原数组中指定开始下标到结束下标之间的项组成的新数组。

    a。只有一个参数的情况下, slice()方法返回从该参数指定位置开始到当前数组末尾的所有项。

    b。有两个参数,该方法返回起始和结束位置之间的项——但不包括结束位置的项.

    8、 splice():可以实现删除、插入和替换,始终都会返回一个数组,该数组中包含从原始数组中删除的项,如果没有删除任何项,则返回一个空数组。

    删除:可以删除任意数量的项,只需指定 2 个参数:要删除的第一项的位置和要删除的项数。

    插入:可以向指定位置插入任意数量的项,只需提供 3 个参数:起始位置、 0(要删除的项数)和要插入的项。
    替换:可以向指定位置插入任意数量的项,且同时删除任意数量的项,只需指定 3 个参数:起始位置、要删除的项数和要插入的任意数量的项。插入的项数不必与删除的项数相等。

    9、indexOf()和 lastIndexOf():返回要查找的项在数组中的位置(index),没找到的情况下返回-1

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

    【这两个方法内部,使用严格相等运算符(===)进行比较,而NaN是唯一一个不等于自身的值。】

    二、遍历操作

    1、map():接受一个函数作为参数。该函数调用时,map方法向它传入三个参数:当前成员、当前位置和数组本身。

    [1, 2, 3].map(function(elem, index, arr) {
      return elem * index;
    });
    // [0, 2, 6]

    注意:map还可以第二个参数:用来绑定回调函数内部的this变量:如下

    var arr = ['a', 'b', 'c'];
    [1, 2].map(function (e) {
      return this[e];
    }, arr)
    // ['b', 'c']

    2、forEach():参数是一个函数,该函数同样接受三个参数:当前值、当前位置、整个数组。【注:forEach方法无法中断执行,总是会将所有成员遍历完

    同样的forEach还可以第二个参数:用来绑定回调函数内部的this变量:如下

    var out = [];
    [1, 2, 3].forEach(function(elem) {
      this.push(elem * elem);
    }, out);
    out // [1, 4, 9]

    3、filter():参数是一个函数,函数可以接受三个参数:当前成员,当前位置和整个数组。

    所有数组成员依次执行该函数,返回结果为true的成员组成一个新数组返回

    同样的filter方法还可以接受第二个参数,用来绑定参数函数内部的this变量:如下

    var obj = { MAX: 3 };
    var myFilter = function (item) {
      if (item > this.MAX) return true;
    };
    var arr = [2, 8, 3, 4, 1, 3, 2, 9];
    arr.filter(myFilter, obj) // [8, 4, 9]

    4、some()every():参数是一个函数,函数可以接受三个参数:当前成员,当前位置和整个数组。返回一个布尔值。

    这两个方法类似断言assert),返回一个布尔值,表示判断数组成员是否符合某种条件。

    var arr = [1, 2, 3, 4, 5];
    var arr2 = arr.some(function(x) {
    return x < 3;
    }); 
    console.log(arr2); //true
    var arr3 = arr.some(function(x) {
    return x < 1;
    }); 
    console.log(arr3); // false

    5、reduce方法和reduceRight:依次处理数组的每个成员,最终累计为一个值。

    第一个参数是一个函数。该函数接受以下四个参数:

    a。累积变量,默认为数组的第一个成员(必须)
    
    b。当前变量,默认为数组的第二个成员(必须)
    
    c。当前位置(从0开始)(可选)
    
    d。原数组(可选)

    第二个参数是对累积变量指定初值:

    [1, 2, 3, 4, 5].reduce(function (a, b) {
      return a + b;
    }, 10);// 25

    三、是否改变原数组

    不会改变原来数组:

    concat()---返回添加后的数组

    every()---返回布尔值

    some()---返回布尔值

    filter()---返回符合条件所有元素的数组。

    indexOf()---返回它所在的位置index。

    join()---返回该字符串。

    toString()---把数组转换为字符串,返回结果。
    lastIndexOf()---返回它所在的位置index

    map()---返回处理后的数组。

    slice()---返回选取数组的后的一个新数组。

    会改变原数组:

    pop()---返回删除的元素。

    push()---向数组的末尾添加一个或更多元素,返回新的长度。

    shift()---删除并返回数组的第一个元素。

    unshift()---向数组的开头添加一个或更多元素,并返回新的长度。

    reverse()---反转数组的元素顺序。

    sort()---对数组的元素进行排序。

    splice()---用于插入、删除或替换数组的元素。

  • 相关阅读:
    jenkins的目录介绍
    Docker 配置国内镜像加速器
    jquery----TreeTable
    java web----jsp语法
    Spring MVC----@ResponseBody注解(json)
    jquery----datatables
    java web----jsp自定义标签
    js----单步调试
    jquery----查找标签
    jquery----icheck插件
  • 原文地址:https://www.cnblogs.com/forever-xuehf/p/12781247.html
Copyright © 2011-2022 走看看