zoukankan      html  css  js  c++  java
  • JS基础语法---Array对象的方法

    Array对象的方法

     

    Array.isArray(对象)---->判断这个对象是不是数组

    instanceof关键字

    判断对象是不是数组类型:两种方法:
        //1   instanceof
        var obj = [];
        console.log(obj instanceof Array);//ture
    
        //2 使用数组的
        console.log(Array.isArray(obj));//ture

    .concat(数组,数组,数组,...) 组合一个新的数组

        var arr1 = [10, 20, 30];
        var arr2 = [40, 50, 60];
        console.log(arr1.concat(arr2));

    .every(函数)--返回值是布尔类型,函数作为参数使用,函数中有三个参数,第一个参数是元素的值,第二个参数是索引值,第三个参数是原来的数组(没用)

    如果这个数组中的每个元素的值都符合条件,最后才返回的是true

        var arr = [1000, 2000, 3000];
        //a----: 元素的值
        //b----: 索引的值
        //c----:谁调用了这个方法,那么c就是谁---->arr
        var flag = arr.every(function (a, b) {
          //console.log(a+"==="+b+"===="+c);
          return a > 2000;//数组中的每个元素的值都要大于2000的情况,最后才返回true
        });
        var arr = ["小明明lkko", "小曹操674", "小白白bd", "笑眯眯a"];
        var flag = arr.every(function (ele, index) {
          //数组中的每个元素的长度是不是大于4
          return ele.length > 4;
        });
    
    
        console.log(flag);//false

    .filter(函数);返回的是数组中每一个元素都符合条件的元素,组成了一个新的数组

        var arr = [10, 20, 30, 40, 50, 60, 70, 80];
        var newArr = arr.filter(function (ele) {//ele---每个元素
          return ele > 40;
        });
        console.log(newArr);
        var arr = [10, 0, 20, 0, 40, 0, 60, 100];
        var newArr = arr.filter(function (ele) {
          return ele != 0;
        });
        console.log(newArr);

    .push(值);--->把值追加到数组中,加到最后了---返回值也是追加数据之后的数组长度

        var arr = [10, 20, 30, 40, 50];
        var result = arr.push(100);
        console.log(result);// 6 新数组的长度
        console.log(arr);//[10, 20, 30, 40, 50, 100]

    .pop();--->删除数组中最后一个元素, 返回值就是删除的这个值

        var arr = [10, 20, 30, 40, 50];
        var result = arr.pop();
        console.log(result); //50
        console.log(arr); //[10, 20,30, 40]

    .shift();--->删除数组中第一个元素, 返回值就是删除的这个值

        var arr = [10, 20, 30, 40, 50];
        var result = arr.shift();
        console.log(result); //10
        console.log(arr);//[20, 30, 40, 50]

    .unshift();--->向数组的第一个元素前面插入一个新的元素----返回值是插入后的程度

        var arr = [10, 20, 30, 40, 50];
        var result = arr.unshift(100);//
        console.log(result);
        console.log(arr);

    .forEach(函数)方法---遍历数组用---相当于for循环

        var arr = [10, 20, 30, 40];
        arr.forEach(function (ele, index) {
          console.log(ele + '======' + index);
        });

    .indexOf(元素值);返回的是索引,没有则是-1

        var arr = [10, 20, 30, 40];
        var index = arr.indexOf(300);
        console.log(index);

    .join("字符串");----返回的是一个字符串

        var arr = ["小白", "小黑", "小红", "小芳", "小绿", "小苏"];
        var str = arr.join("|");
        console.log(str);

    .map(函数);--->数组中的每个元素都要执行这个函数,把执行后的结果重新的全部的放在一个新的数组中

        var numbers = [1, 4, 9];
        var roots = numbers.map(Math.sqrt);
        console.log(roots);

    .reverse();----->反转数组

        var arr = [10, 20, 30, 40, 50];
        arr.reverse();//反转
        console.log(arr);

    .sort();---排序的,可能不稳定,如果不稳定,请写MDN中的那个固定的代码

        var arr = [1, 40, 20, 10, 100];
        //a---arr[j]
        //b---arr[j+1]
        arr.sort(function (a, b) {
          if (a > b) {
            return 1;
          } else if (a == b) {
            return 0;
          } else {
            return -1;
          }
        });
        console.log(arr);

    .arr.slice(开始的索引,结束的索引);把截取的数组的值放在一个新的数组中,但是不包含结束的索引对应的元素值

        var arr = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
        var newArr = arr.slice(3, 7);
        console.log(newArr);

    .splice(开始的位置,要删除的个数,替换的元素的值);一般是用于删除数组中的元素,或者是替换元素,或者是插入元素

        var myFish = ['angel', 'clown', 'mandarin', 'sturgeon'];
    
        // myFish.splice(2, 0, 'drum'); // 在索引为2的位置插入'drum'
    
        // myFish 变为 ["angel", "clown", "drum", "mandarin", "sturgeon"]
    
        myFish.splice(2, 1); // 从索引为2的位置删除一项(也就是'drum'这一项)
    
        console.log(myFish);
        // myFish 变为 ["angel", "clown", "mandarin", "sturgeon"]

    加练习1:实例方法:通过实例对象调用的方法--->排序

    //原来学的排序方法:

        var arr = [30, 48, 92, 50, 84, 72, 50];
        for (var i = 0; i < arr.length - 1; i++) {
          for (var j = 0; j < arr.length - 1 - i; j++) {
            if (arr[j] > arr[j + 1]) {
              var temp = arr[j];
              arr[j] = arr[j + 1];
              arr[j + 1] = temp;
            }//end if
          }//end for
        }//end for
        console.log(arr);
    //对象,对象调用这个方法可以实现排序功能,和数组的sort方法功能一样
        var arr = [30, 48, 92, 50, 84, 72, 50];
        function myArray() {
          //实例方法:通过实例对象调用的方法--->排序
          this.mySort = function (arr) {
            for (var i = 0; i < arr.length - 1; i++) {
              for (var j = 0; j < arr.length - 1 - i; j++) {
                if (arr[j] > arr[j + 1]) {
                  var temp = arr[j];
                  arr[j] = arr[j + 1];
                  arr[j + 1] = temp;
                } //end if
              } //end for
            } //end for
          };
        }
        //创建对象
        var myArray = new myArray();
        myArray.mySort(arr);
        console.log(arr);

    //数组sort方法排序

        var arr = [30, 48, 92, 50, 84, 72, 50];
        //a---arr[j]
        //b---arr[j+1]
        arr.sort(function (a, b) {
          if (a > b) {
            return 1;
          } else if (a == b) {
            return 0;
          } else {
            return -1;
          }
        });
        console.log(arr);

     练习2:清空数组

        var arr = [10, 20, 30, 40, 50];
        console.log(arr);
        console.log(arr.length);
        arr.length = 0;
        console.log(arr);

    练习3: 毫秒转日期

        var dt = new Date();
        console.log(dt.valueOf());
    
        var dt2 = new Date(dt.valueOf());//毫秒数转Date对象
        console.log(dt2);
  • 相关阅读:
    R_Studio(关联)使用apriori函数简单查看数据存在多少条关联规则,并按支持度降序排序输出
    Unity3D_(游戏)2D坦克大战 像素版
    R_Studio(cart算法决策树)对book3.csv数据用测试集进行测试并评估模型
    R_Studio(决策树算法)鸢尾花卉数据集Iris是一类多重变量分析的数据集【精】
    R_针对churn数据用id3、cart、C4.5和C5.0创建决策树模型进行判断哪种模型更合适
    R_Studio(教师经济信息)逻辑回归分析的方法和技巧
    JavaWeb_Get和Post方法传输数据区别
    JavaWeb_响应和请求数据包
    JavaWeb_使用dom4j解析、生成XML文件
    JavaWeb_ XML文件
  • 原文地址:https://www.cnblogs.com/jane-panyiyun/p/11977539.html
Copyright © 2011-2022 走看看