数组常用方法

Posted jeff-zhu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了数组常用方法相关的知识,希望对你有一定的参考价值。

检测数组元素方法

  filter() 方法
    var ages = [32, 33, 16, 40];

    function checkAdult(age)
      return age >= 18;
    

    function myFunction()
      document.getElementById("demo").innerhtml = ages.filter(checkAdult);
    

    输出结果为: 32,33,40
    filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。

    注意: filter() 不会对空数组进行检测。

    注意: filter() 不会改变原始数组。

  every方法
    var ages = [32, 33, 16, 40];

    function checkAdult(age)
      return age >= 18;
    

    function myFunction()
      document.getElementById("demo").innerHTML = ages.every(checkAdult);
    

    如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余的元素不会再进行检测。

    如果所有元素都满足条件,则返回 true。

    注意: every() 不会对空数组进行检测。
    注意: every() 不会改变原始数组。

  find方法

    var ages = [3, 10, 18, 20];
    function checkAdult(age)
      return age >= 18;
    

    function myFunction()
      document.getElementById("demo").innerHTML = ages.find(checkAdult);
    
    输出结果:18
    find() 方法返回通过测试(函数内判断)的数组的第一个元素的值。

    find() 方法为数组中的每个元素都调用一次函数执行:
    当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素,之后的值不会再调用执行函数。
    如果没有符合条件的元素返回 undefined
    注意 : find() 并没有改变数组的原始值。
    注意: find() 并没有改变数组的原始值。


  findIndex() 方法
    var ages = [3, 10, 18, 20];

    function checkAdult(age)
      return age >= 18;
    

    function myFunction()
      document.getElementById("demo").innerHTML = ages.findIndex(checkAdult);
    
    // 原理同find 返回元素下标

  includes() 方法 es6

    includes() 方法用来判断一个数组是否包含一个指定的值,如果是返回 true,否则false。
    some() 方法
    var ages = [3, 10, 18, 20];

  function checkAdult(age)
    return age >= 18;
  

  function myFunction()
    document.getElementById("demo").innerHTML = ages.some(checkAdult);
  
  some() 方法

  some() 方法用于检测数组中的元素是否满足指定条件(函数提供)。
  some() 方法会依次执行数组的每个元素:

  如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。
  如果没有满足条件的元素,则返回false。
  注意: some() 不会对空数组进行检测。

  注意: some() 不会改变原始数组。

数组排序
  sort() 方法用于对数组的元素进行排序。
  排序顺序可以是字母或数字,并按升序或降序。
  默认排序顺序为按字母升序。
  注意: 这种方法会改变原始数组!。
  var points = [40,100,1,5,25,10];
  points.sort(function(a,b)return a-b);
  输出结果:1,5,10,25,40,100

数组转换为字符串
  join()
  join() 方法用于把数组中的所有元素转换一个字符串。
  元素是通过指定的分隔符进行分隔的。如果省略该参数,则使用逗号作为分隔符。
  toString() 方法
  toString() 方法可把数组转换为字符串,并返回结果。
  注意: 数组中的元素之间用逗号分隔。

  数组每个元素都处理通过通过函数

  forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。
  注意: forEach() 对于空数组是不会执行回调函数的。

  map() 方法
    map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。

    map() 方法按照原始数组元素顺序依次处理元素。

    注意: map() 不会对空数组进行检测。
    注意: map() 不会改变原始数组。
数组添加删除
  splice() 方法
    splice() 方法用于添加或删除数组中的元素。
    注意:这种方法会改变原始数组。

以上是关于数组常用方法的主要内容,如果未能解决你的问题,请参考以下文章

数组中常用的方法

数组方法总结 常用数组方法总结 js的数组或对象常用方法总结

JS Array中的常用方法

js常用删除数组方法

数组常用方法有哪些?

数组Array常用方法