聊聊JavaScript數組對象Array的用法

2020-12-11 像蝸牛一樣瘋狂編程

今天和大家學習一下JavaScript的數組對象Array的用法。

一、創建Array數組對象的三種方式

1、var arr = new Array(元素列表);

2、var arr = new Array(默認長度);

3、var arr = [元素列表];

二、JavaScript數組的特點

1、js中Array數組的元素類型是可變的

例如:var arr = [1,'2',false];

2、在js中,數組的長度是可變的

舉例說明一下:var arr = [1,'2',false];我們來訪問arr數組下標為3的元素

雖然arr數組只有三個元素,但是也可以直接給arr[10]賦值

我們發現中間每一賦值的都是空的,所以JavaScript的數組長度是可變的。

三、JavaScript數組屬性

length:表示數組的長度

比如:var arr = [1,2,3,4]; 那麼他的長度:arr.length 為 4

四、Array數組的方法

1、join(參數):表示將數組中的元素按照指定的分隔符拼接為字符串

小慄子:

var arr = [1,2,3,4,5];

arr.join("#") 輸出內容為:"1#2#3#4#5"

2、push()方法:表示向數組的末尾添加一個或更多元素,並返回新的長度。

3、pop():移除數組最後一項,返回移除的那個值,減少數組的length。

var arr = ["kat","martin","Tom"];

var count = arr.push("Jack","Sean");

console.log(count);           // 5

console.log(arr);            // ["kat", "martin", "Tom", "Jack", "Sean"]

var item = arr.pop();

console.log(item);            // Sean

console.log(arr);            // ["kat", "martin", "Tom", "Jack"]

4、sort():表示將數組裡的項從小到大排序

var arr1 = ["a", "d", "c", "b", "e"];

console.log(arr1.sort());           // ["a", "b", "c", "d", "e"]

5、concat()方法:

表示將參數添加到原數組中。這個方法會先創建當前數組一個副本,然後將接收到的參數添加到這個副本的末尾,最後返回新構建的數組。在沒有給 concat()方法傳遞參數的情況下,它只是複製當前數組並返回副本

var arr = [1,3,5,7];

var arrCopy = arr.concat(9,[11,13]);

console.log(arrCopy);             

//[1, 3, 5, 7, 9, 11, 13]

console.log(arr);               

// [1, 3, 5, 7](原數組仍然保持不變)

6、indexOf()和 lastIndexOf()

indexOf():接收兩個參數:要查找的項和(可選的)表示查找起點位置的索引。其中, 從數組的開頭(位置 0)開始向後查找。

lastIndexOf:接收兩個參數:要查找的項和(可選的)表示查找起點位置的索引。其中, 從數組的末尾開始向前查找。

var a= [1,3,5,7,7,5,3,1];

console.log(a.indexOf(5));       //2

console.log(a.lastIndexOf(5));     //5

console.log(a.indexOf(5,2));      //2

console.log(a.lastIndexOf(5,4));   //2

console.log(a.indexOf("5"));      //-1

好了,今天就和大家分享到這裡吧

相關焦點

  • JavaScript Array對象
    對js的基礎知識進行複習javaScript Array對象js Array知識圖Array 對象Array 對象用於在變量中存儲多個值
  • JavaScript中原生Array數組方法詳解
    JS中,數組可以通過陣列構造函數或[]字面量的方式創建。數組是一個特殊的對象,繼承自對象原型,但用typeof運算判斷時,並沒有一個特定的值,仍然返回'對象'。但使用[] instanceof Array返回true。這說明,js中存在一個類數組的對象,就像字符串對象或arguments對象。
  • 每日一課 | JavaScript中的數組
    array.length);在此示例中,我們僅初始化數組,並且未在數組中添加任何元素。[array.length - 1] + "<br/>");在JavaScript中聲明數組的不同方法?
  • JavaScript 數組新方法: array.at(index)
    除了普通對象之外,數組是 JavaScript 中廣泛使用的數據結構,而數組中常用操作是按索引訪問元素。在本文中,我們介紹新的數組方法array.at(index)。1.方括號語法的局限性通過索引訪問數組元素一般使用方括號array[index]:const fruits = ['orange', 'apple', 'banana', 'grape'];const item = fruits[1];item; // =&
  • JavaScript 特殊對象 Array-Like Objects 詳解
    JavaScript 中一類特殊的對象 -> Array-Like Objects。顧名思義,就是像數組的對象,當然,數組本身就是對象嘛!稍微有點基礎的同學,一定知道 arguments 就是 Array-Like Objects 的一種,能像數組一樣用 [] 去訪問 arguments 的元素,有 length 屬性,但是卻不能用一些數組的方法,如 push,pop,等等。那麼,什麼樣的元素是 Array-Like Objects?
  • JavaScript 數組操作函數總結
    如下示例,我們將創建一個數組,並把一個元素添加到數組的開頭,並返回數組的新長度:code123456789<script type="text/javascript">var arr = new Array()
  • 如何在 JavaScript 中等分數組
    將數組分為兩個相等的部分我們可以分兩步將數組分成兩半:使用length/2和Math.ceil()方法找到數組的中間索引使用中間索引和Array.splice()方法獲得數組等分的部分Math.ceil() 函數返回大於或等於一個給定數字的最小整數。
  • 從 JS 數組操作到 V8 array.js
    當一個對象被傳遞給 fill方法的時候, 填充數組的是這個對象的引用。 返回一個新的數組對象,這一對象是一個由 begin 和 end 決定的原數組的「淺拷貝」(包括 begin,不包括end)。「從代碼角度來看,你需要注意的點:」關於深淺拷貝的問題,如果該元素是個對象引用 (不是實際的對象),slice 會拷貝這個對象引用到新的數組裡。兩個對象引用都引用了同一個對象。如果被引用的對象發生改變,則新的和原來的數組中的這個元素也會發生改變。
  • 有趣的JavaScript原生數組函數
    數組對象繼承自Object.prototype,對操作符返回的數組類型返回對象而不是array。然而,[]實例,數組也返回true。變量,類數組對象的實現更複雜,例如字符串對象,參數對象,參數對象不是數組的實例,但有長度屬性,並能通過索引取值,所以能像多個相同進行循環操作。在這裡,我將複習一些複製原型的方法,並探索這些方法的用法。
  • Array.slice 8種不同用法
    譯者:前端小智 原文:https://codeburst.io/js-by-example-8-distinct-uses-of-javascript-array-slice
  • 8 種 Array.slice 不同用法,你需要知道
    原文地址 | https://codeburst.io/js-by-example-8-distinct-uses-of-javascript-array-slice
  • js中的Array對象屬性和方法整理
    javascript中無法通過一個索引去移除一個無素.通過對ARRAY的擴展.實現了對javascript Array對象通過索引移除數組中的一個元素.valueOf()返回數組對象的原始值 1.4 concat()語法: array.concat(value, ...)其中value, ... 要添加到array中的值,可以是任意多個。返回值: 一個新數組,是把指定的所有參數添加到array中構成的。
  • JS幾種數組遍歷方式總結
    ){ console.log(value+","+index+","+array[index])})2. for-in循環是為了遍歷對象而設計的,事實上for-in也能用來遍歷數組,但定義的索引i是字符串類型的。
  • JavaScript的Array數組類型
    ECMAScript數組與其他語言中的數組一樣,都是數據的有序列表。但與其他語言不同的是,ECMAScript數組的第一項可以保存任何類型的數據。也就是說,可以用數組的第一個位置來保存字符串,用第二個位置來保存數值,用第三個位置來保存對象,以此類推。而且,ECMAScript數組的大小是可以動態調整的,即可以隨著數據的添加自動增長以容納新增數組。
  • C++11學習 - Array的用法與vector用法
    作者丨淡淡_小孩https://blog.51cto.com/13475106/2554602C++11學習 - Array的用法與
  • NumPy的數組對象
    NumPy的主要操作對象是同類型的多維數組,數組中的所有元素類型都是相同的,數組對象名是ndarray,別名是array。1、使用NumPy的array函數創建數組使用NumPy的array函數可以創建1維、2維、……、n維數組,array函數要求傳入Python列表數據,傳入Python列表數據的嵌套層次決定了創建數組的維數。下面給出了創建1維和2維數組的案例,更多維數組的創建與2維數組的創建類同。
  • 12 個非常有用的 JavaScript 技巧
    , length = array.length; i < length; i++) {    console.log(array[i]);}檢測對象中屬性當你需要檢測一些屬性是否存在,避免運行未定義的函數或屬性時,這個小技巧就顯得很有用。
  • javascript之常用數據類型及判斷方法
    ,今天,我們來具體重新了解下javascript中的常見數據類型以及他們的判斷方法。2.負責數據類型:包括array:數組類型;object:對象數據類型。用布爾值來判斷各類數據真假3.array數組類型數據array也就是數組類型的數據,通常由中括號進行包括,通過逗號進行不同數據間的區分,當然也可以進行數組的嵌套
  • 區分JavaScript數組的slice()與splice()
    JavaScript的數組方法JavaScript slice() 方法定義和用法語法arrayObject.slice(start,end)start必需。規定從何處開始選取。如果是負數,那麼它規定從數組尾部開始算起的位置。也就是說,-1 指最後一個元素,-2 指倒數第二個元素,以此類推。end可選。
  • Javascript中 Array.sort 原理學習
    其實sort()不光可以對數組進行排序, 基本數據類型的數組都可以, 並且可以實現對對象數組的排序。當長度大於定值時,有可能會merge排序或者是quick排序, merge和quick會將整個數組進行劃分,進行遞歸,一旦劃分的子數組長度小於定值時, 將不再遞歸劃分,直接進行插入排序。為什麼會這麼排序呢?