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

    检测数组元素方法

      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() 对于空数组是不会执行回调函数的。
      forEach()返回值是undefined,不可以链式调用。
      map() 方法
        map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。

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

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

        map()返回一个新数组,原数组不会改变。

    数组添加删除
      splice() 方法
        splice() 方法用于添加或删除数组中的元素。
        注意:这种方法会改变原始数组。

  • 相关阅读:
    侧滑的一个注意
    viewpager+fragment结合
    webview
    动画
    <context:annotation-config> 和 <context:component-scan>的区别
    spring mvc 原理及应用
    HDU
    使用Log4Net将系统日志信息记录到记事本和数据库中
    chromium for android GPU进程结构分析
    【云图】怎样制作全国KTV查询系统?
  • 原文地址:https://www.cnblogs.com/jeff-zhu/p/11405768.html
Copyright © 2011-2022 走看看