【JavaScript】面向對象之Array類型與迭代與歸并

darkbug 發(fā)布于2019-08-26 12:17 / 1464人閱讀

摘要：一類型數組的常見方法檢測數組報錯方法判斷該類型是否出現在當前對象原型鏈中轉換數組把數組轉為字符串，并返回返回數組對象原始值利用方法把數組轉為字符串多個數組元素被逗號進行分隔組成字符串犬夜叉進出棧方法添加數組末尾增加一個元素或多個元素刪除數

JS(JavaScript)
一.Array類型
1.數組的常見方法；

檢測數組；

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

console.log(arr instanceof Array);//true


console.log(Object.prototype.toString.call(arr));

console.log(typeof  null);//object
// console.log(null instanceof Null);//報錯
console.log(Object.prototype.toString.call(null));//false
console.log(Array.prototype.isPrototypeOf(arr));//true
// Object.prototype.isPrototypeOf()方法- 判斷該類型是否出現在當前對象原型鏈中
console.log(Array.isArray(arr));//true

轉換數組；

toString()：把數組轉為字符串，并返回
valueOf():返回數組對象原始值

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

console.log(arr.toString());//1,2,3,4,5
//利用toString()方法把數組轉為字符串
console.log(arr.valueOf());//[1,2,3,4,5]
//多個數組元素被逗號(,),進行分隔組成字符串
var obj = {
    name : "犬夜叉"
}

進出棧方法；

push():添加數組末尾增加一個元素,或多個元素
pop():刪除數組末尾最后一個元素返回數組
shift():刪除數組前面的元素并返回數組
unshift()：增加數組前面的或多個元素，并返回新長度

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

arr.push(6,7);
//添加數組末尾增加一個元素,或多個元素
console.log(arr);
arr.pop();
//刪除數組末尾最后一個元素返回數組
console.log(arr);
arr.unshift(7);
//增加數組前面的或多個元素，并返回新長度
console.log(arr);
arr.shift();
//刪除數組前面的元素并返回數組
console.log(arr);

排序方法；

reverse()：反轉數組元素順序
sort()：對數組元素進行排序
返回值以排序數組

var arr = [3,1,2,3,4,10];
var result = arr.sort(function (a,b) {

    if (a < b);{
      return 1;
    }
    if (a > b) {
      return 1;
    }
})
console.log(arr);
//反轉數組元素順序
console.log(result);
//數組的元素進行排列

連接方法；

連接兩個或多個數組，并返回結果

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

console.log(arr.concat(6));
console.log(arr.concat([7,8,9]));
//合并兩個或多個數組，因此不會改變已有的數組，

操作方法；

slice():獲取數組的一部分，并返回個新數組
splice()：數組中增加和刪除元素

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

/*splice(start, deleteCount)方法
* 用于刪除當前數組中指定位置指定個數元素
*  */
var result = arr.splice(0, 5);
console.log(result);
console.log(arr);


// splice(start, deleteCount, item1, item2, ...)方法
//向指定數組指定位置增加元素

//start- 表示刪除開始位置
//deleteCount-表示刪除個數
// item1, item2, ... - 表示向數組添加的元素
// 返回值-將刪除的元素組成的新數組進行返回

// var result = arr.splice(0, 0, 6,7,8);
// console.log(result);
// console.log(arr);

// var result = arr.splice(0, 3, 6,7,8);
// console.log(result);
// console.log(arr);

檢索方法；

indexOf():搜索數組中的元素，并返回其位置
lastlndexOf():返回個字符串最后出現位置，在個字符串指定位置從右往左搜尋

var arr = ["犬夜叉","桔梗","犬夜叉","戈薇","殺生丸"];

// 用于檢索數組中是否包含指定元素內容 -> 返回元素所在的位置
// 返回第一個匹配元素的位置信息
console.log(arr.indexOf("犬夜叉"));// 0
// lastIndexOf() - 從右至左的順序進行檢索
console.log(arr.lastIndexOf("犬夜叉"));//
// indexOf() - 從左至右的順序進行檢索
console.log(arr.indexOf("四魂之玉"));//-1
//如果檢索的元素并不在指定的數組中時 -> 結果為 -1

2.迭代與歸并方法；

迭代方法；

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

var result = arr.every(function (currentValue, index,array,) {
    return (currentValue <5);
  });
  console.log(result);

歸并方法；

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

arr.reduce(function(accumulator, currentValue, currentIndex, array){
    console.log(accumulator)
    return accumulator + currentValue;
});

GPU云服務器云服務器 javascript 面向對象 javascript面向對象 javascript面向對象編程 javascript面向對象編程指南

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://systransis.cn/yun/108398.html

JavaScript面向對象編程——Array類型

摘要：中并沒有明確的數組數據類型。返回數組對象的原始值。專門用于篩選出數組中符合函數判斷條件的元素組成的心數組。專門用于對原數組中每個元素執(zhí)行相同的函數對象規(guī)定的操作。概述一維數組數組是一個有序的數據集合，可以通過數組名稱和索引進行訪問。JavaScript中并沒有明確的數組數據類型。二維數組數組是可以嵌套的，這就意味著一個數組可以作為一個袁旭被包含在另一個數組里面。利用JavaS...

DirtyMind 2019-08-26 12:16 評論0 收藏0
array數組類型

摘要：中并沒有明確的數組數據類型。創(chuàng)建一維數組具有以下幾種方式二維數組數組是可以嵌套，這就意味著一個數組可以作為一個數組被包含在另外一個數組里面。利用這個特點，創(chuàng)建二維數組，即數組的數組。刪除數組的最后一個元素并返回刪除的元素。 Array 概述一維數組數組是一個有序的數據集合，可以通過數組名稱和索引進行訪問。JavaScript中并沒有明確的數組數據類型。創(chuàng)建一維數組具有以下幾種方式：...

lemanli 2019-08-26 12:16 評論0 收藏0
詳解數組(Array)引用類型

摘要：例如，會刪除數組中的前兩項。插入的項數不必與刪除的項數相等。這兩個方法都接收兩個參數要查找的項和可選的表示查找起點位置的索引。對數組中的每一項運行給定函數，返回每次函數調用的結果組成的數組。除Object類型外,Array是最常用的類型,Array對象與其他語言相比有著自己的不同之處,首先同一數組對象的不同項可以保存不同類型的數據,其次數組對象的長短可以動態(tài)改變. showImg(...

afishhhhh 2019-08-21 10:48 評論0 收藏0
JavaScript數組方法全面的總結

摘要：因為轉換為字符串后，在前面還可以接受一個函數作為參數，根據函數的返回值進行排序。函數的返回值將作為新數組中的每一項的值。該方法接收一個函數作為參數，對數組中的每一項運行該函數，該方法沒有返回值。 1. 檢測對象是不是數組 instanceof操作符 Array.isArray()方法 var color = new Array(red, green); console....

luckyyulin 2019-08-20 17:04 評論0 收藏0
javascript引用類型之Array 類型

摘要：如果你從一個框架向另一個框架傳入一個數組，那么傳入的數組與在第二個框架中原生創(chuàng)建的數組分別具有各自不同的構造函數。數組在javascript中是很常用的數據類型創(chuàng)建數組的幾種方式使用new操作符來創(chuàng)建數組 var arr = new Array() // []創(chuàng)建了一個長度為0的空數組 var arr1 = new Array(2) // [empty × 2]創(chuàng)建了一個長度...

lsxiao 2019-08-23 14:25 評論0 收藏0