JS基礎語法---Array對象的方法

来源:https://www.cnblogs.com/jane-panyiyun/archive/2019/12/03/11977539.html

Array對象的方法 Array.isArray(對象) >判斷這個對象是不是數組 instanceof關鍵字 判斷對象是不是數組類型:兩種方法: //1 instanceof var obj = []; console.log(obj instanceof Array);//ture //2 使用 ...


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);

 

 


您的分享是我們最大的動力!

更多相關文章
  • 協程中的Channel用於協程間的通信, 它的宗旨是: ``` Do not communicate by sharing memory; instead, share memory by communicating. ``` ...
  • 閑來無事看到了一個關於Vue的MVVM的簡單講解,覺得寫得不錯,做個分享。 文章地址 https://github.com/DMQ/mvvm 文章內容我就不貼出,比較簡潔明瞭,我記錄一下我的一些思考總結。 PS:建議先仔細讀這篇文章。 MVVM MVVM即雙向數據綁定,是一種設計模式,一般是Web前 ...
  • 使用three.js創建大小不隨著場景變化的文字,需要以下兩步: 1、將文字繪製到畫布上。 2、創建著色器材質,把文字放到三維場景中。 優點: 1、跟用html實現文字相比,這些文字可以被模型遮擋,更具有三維效果。 2、不會隨著場景旋轉縮放改變尺寸,不存在遠處看不清的情況,適用於三維標註。 效果圖: ...
  • 五類 IP 地址 TOP 網路地址:用於識別主機所在的網路; 主機地址:用於識別該網路中的主機。 IP地址分為五類: A 類保留給政府機構 B 類分配給中等規模的公司 C 類分配給任何需要的人 D 類用於用於特殊用途. 又稱做廣播地址 E 類暫時保留 各類可容納的地址數目不同。其中A類、B類、和C類 ...
  • cookie,sessionstorage,localstorage區別 ...
  • 1、filter() 方法創建一個新的數組,新數組中的元素是通過檢查指定數組中符合條件的所有元素。 原數組不變 不會對空數組進行檢測 2、find() 對於空數組,函數是不會執行的。 不會改變原數組 返回符合測試條件的第一個數組元素值 3、some 用於檢測數組中的元素是否滿足指定條件會依次執行數組 ...
  • 基本包裝類型 普通變數不能直接調用屬性或者方法 對象可以直接調用屬性和方法 基本包裝類型: 本身是基本類型, 但是在執行代碼的過程中, 如果這種類型的變數調用了屬性或者是方法, 那麼這種類型就不再是基本類型了, 而是基本包裝類型, 這個變數也不是普通的變數了, 而是基本包裝類型對象 string n ...
  • css 層疊樣式表,作用是為標簽加效果 基本選擇器 元素選擇器 標簽名稱{css屬性:值} id選擇器 id{} 類選擇器 .class1{屬性:值} 屬性選擇器 後代選擇器 html代碼: 組合選擇器 div,a{ color: yellow;} css樣式引入方式 head標簽中引入 外部文件引 ...
一周排行
  • 本文將介紹如何在.NET Core3環境下使用MVVM框架Prism的使用區域管理器對於View的管理 一.區域管理器 我們在之前的Prism系列構建了一個標準式Prism項目,這篇文章將會講解之前項目中用到的利用區域管理器更好的對我們的View進行管理,同樣的我們來看看官方給出的模型圖: 現在我們 ...
  • 前言: gRPC預設是ProtoFirst的,即先寫 proto文件,再生成代碼,需要人工維護proto,生成的代碼也不友好,所以出現了gRPC CodeFirst,下麵來說說我們是怎麼實現gRPC CodeFirst 目錄: 實現和WCF一樣的CodeFirst (1). 實現gRPC CodeF ...
  • [toc] 1.背景 接上篇文章 "深入淺出C 結構體——封裝乙太網心跳包的結構為例" ,使用結構體性能不佳,而且也說明瞭原因。本篇文章詳細描述了以類來封裝網路心跳包的優缺點,結果大大提升瞭解析性能。 2.用類來封裝乙太網心跳包的優缺點 2.1.優點 + 可以在類里直接new byte[],即直接實 ...
  • VS2013如何轉成VS2010且不會出現此項目與Visual Studio的當前版本不相容的報錯 解決方法: 1.用記事本打開解決方案文件“解決方案名.sln”,然後修改最上面兩行為如下代碼:Microsoft Visual Studio Solution File, Format Version ...
  • 傳遞數據至部分視圖: 在ps.cshtml中get到上面高亮的參數: ...
  • 三、C#數據類型 3.1.變數 聲明->賦值->使用 作用域:變數作用域為包含它的大括弧內 3.2.常量 1)const 數據類型 常量名稱 = 常量值 聲明常量時一定要賦值 2)@作用 輸出轉義字元 @"Hello World\n" 讓字元串換行 關鍵字用作標識符 @namespace @clas ...
  • 四、C#表達式與運算符 4.1.表達式 操作數+運算符 4.2.數學運算符 var++ 先用後加 ++var 先加後用 4.3.賦值運算符 略 4.4.關係運算符 結果只會是bool類型 1)對象的不同 數值類型比較兩個數的大小 字元類比較Unicode編碼大小,'A'=65 'a'=97 '0'= ...
  • 下麵的靜態代碼中: 現在想把箭頭所指的值,改為動態。 根據不同條件,它將有可能是1,或是3或是2或是5等。 ...
  • 使用Xaml+C#,使WPF/UWP運行在Linux和Mac上 ...
  • 前言 C 的lambda和Linq可以說是一大亮點,C 的Lambda無處不在,Linq在數據查詢上也有著舉足輕重的地位。 那麼什麼是Linq呢,Linq是 (語言集成查詢)的縮寫,可以對本地對象 集合 或者遠程數據源進行結構化的查詢操作。 那什麼又是Lambda呢?嗯,簡單來講就是匿名函數,我們不 ...
x