JavaScript中Array類型中的方法

_ipo 發布于2019-08-26 12:18 / 2509人閱讀

摘要：類型檢測數組檢測數組有以下幾種方法，前端保定就業方法前端保定就業前端保定就業前端保定就業轉換數組利用方法將數組轉換為字符串前端深圳保定輸出結果字符串前端深圳保定轉換原始值張三張三進出棧方法在數組最后面添加新的元素前端保定深圳前端保定深圳在數

Array類型 檢測數組

檢測數組有以下幾種方法，

instanceof

var arr=["前端","保定","就業"];
console.log(arr instanceof Array);//true

Object.prototype.toString.call()方法

var arr=["前端","保定","就業"];
console.log(Object.prototype.toString.call(arr));//[object Array]

Array.prototype.isPrototypeOf()

var arr=["前端","保定","就業"];
console.log(Array.prototype.isPrototypeOf(arr));//true

Array.isArray()

var arr=["前端","保定","就業"];
console.log(Array.isArray(arr));//true

轉換數組

利用toString()方法將數組轉換為字符串

var arr=["前端","深圳","保定"];
console.log(arr.toString());//輸出結果字符串前端,深圳,保定

valueOf()轉換原始值

var obj={
    name:"張三",
}
console.log(obj.valueOf());//{name:張三}

進出棧方法

push();在數組最后面添加新的元素

var arr=["前端","保定"];
arr.push("深圳");
console.log(arr);//["前端","保定","深圳"]

pop();在數組最后面刪除元素

var arr=["前端","java","js"];
arr.pop();
console.log(arr);//["前端","java"]

unshift();在數組最前面添加新的元素

var arr=["前端","深圳"];
arr.unshift("JavaScript");
console.log(arr);//["JavaScript","前端","深圳"]

shift();在數組最前面刪除元素

var arr=["前端","深圳","JavaScript"];
arr.shift();
console.log(arr);//["深圳","JavaScript"]

排序方法

reverse()數組翻轉

var arr=[1,2,3,4,5];
console.log(arr.reverse());//[5,4,3,2,1]

sort()方法:對數組中的元素進行排序，并不是從小到大的排序，會影響原有數組元素的順序

//從下列這段代碼可以看出，sort()并不能實現從小到大的排序
var arr=[1,3,5,10,4,2];
console.log(arr.sort());//[ 1, 10, 2, 3, 4, 5 ]

//解決以上sort()不能以小到大的順序排列的問題
var result=arr.sort(function(a,b){
    if(a>b){
        return 1;
    }
});
console.log(result);

連接方法

concat()用于數組之間的拼接

var arr=[1,2,3,4,5];
var arr1=[6,7,8,9,10];
console.log(arr.concat(6));//[1,2,3,4,5,6]
console.log(arr.concat([7,8,9]));//[1,2,3,4,5,7,8,9]
console.log(arr.concat(arr1));//[1,2,3,4,5,6,7,8,9,10]

操作方法

splice(刪除開始位置，刪除的元素個數)方法:用于刪除當前數組指定位置指定個數的元素

var arr=[1,2,3,4,5];
/*從arr的0位置開始刪除兩個元素,刪除掉的兩個元素被result變量接住了*/
var result=arr.splice(0,2);
console.log(result);//[1,2]
console.log(arr);//[3,4,5]

//也可以用splice給數組添加元素，默認在數組最前面添加
//設置從位置0開始，刪除0個，再添加新的元素
var result1=arr.splice(0,0,6,7,8);
console.log(arr);//[1,2,3,4,5,6,7,8]

slice()截取指定數組中的元素，可以傳入兩個參數，第一個是開始截取的位置，從0開始，第二個是結束截取的位置，截取不到最后一位，而是截取最后一位的前一個元素,截取的元素返回新的數組

var arr=[1,2,3];
var result=arr.slice(0,2);
console.log(result);//[1,2]

檢索方法

indexOf()用于檢查數組中是否包含指定元素內容，返回元素所在的位置，從左至右順序進行檢查，只返回第一個匹配元素的位置，后面如果還有相同的元素不考慮,如果該元素不存在數組中，返回-1

var arr=["張三","李四","小明"];
console.log(arr.indexOf("張三"));//0
console.log(arr.indexOf("小紅"));//-1

lastIndexOf()用于檢查數組中是否包含指定元素內容，返回元素所在的位置，從右至左順序進行檢查，只返回第一個匹配元素的位置，后面如果還有相同的元素不考慮,如果該元素不存在數組中，返回-1

var arr=["張三","李四","小明"];
console.log(arr.lastIndexOf("李四"));//1

forEach()方法

用于遍歷指定數組
callback：表示回調函數
currentValue：表示遍歷數組得到每個元素
index：表示遍歷數組得到每個元素對應的索引值
array：表示遍歷的數組

var arr=["張三","李四","小紅","小明"];
arr.forEach(function(value,index,array){
    console.log(vaule);
    console.log(index);
    console.log(array);
});

迭代方法

判斷數組的元素是否符合條件，符合返回true，否則返回false

var arr=[1,2,3,4,5];
var result=arr.every(function(currentVaule,index,array){
    return (cunrrentValue <=5);
});
console.log(result);//true

歸并方法

var arr=[1,2,3,4,5];
arr.reduce(function(accumulator,currentValue,currentIndex,array){
    console.log(accumulator);
    return accumulator+currentValue;
});

云服務器 GPU云服務器數據庫中的數據類型數據挖掘中的新方法 js 獲取對象中的數據類型 array方法

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

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/108431.html

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

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

DirtyMind 2019-08-26 12:16 評論0 收藏0
JavaScript數組

摘要：與稀疏數組對立的為密集數組，密集數組的索引會被持續的創建，并且其元素的數量等于其長度。創建一個長度為的數組，并初始化了個元素使用構造函數創建數組對象的時候，關鍵字是可以省略的。另外使用和刪除元素是影響數組的長度的。說明：本文只總結了JavaScript數組在web端的行為，不包括NodeJs端的行為。本文不涉及類型化數組（TypedArray）的討論、總結。一、什么是數組數組的定...

HtmlCssJs 2019-08-23 10:23 評論0 收藏0
js面試題（上）

https://segmentfault.com/a/11... 原型 / 構造函數 / 實例對原型的理解我們知道在es6之前，js沒有類和繼承的概念，js是通過原型來實現繼承的。在js中一個構造函數默認自帶有一個prototype屬性，這個的屬性值是一個對象，同時這個prototype對象自帶有一個constructor屬性，這個屬性指向這個構造函數，同時每一個實例都有一個__proto...

leap_frog 2019-08-23 14:22 評論0 收藏0
array數組類型

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

lemanli 2019-08-26 12:16 評論0 收藏0
Javascript中的常用的檢測方法

摘要：數組檢測使用例如兼容性可以使用以下方式，先檢測是否支持。用來比較兩個值是否嚴格相等，與相同基本類型檢測用來檢查一個數值是否為有限的用來檢查一個值是否為用來判斷一個值是否為整數。目前接觸到的一些方法，有新的日后再更新。數組檢測 1.使用Array.isArray() Array.isArray(obj) 例如： Array.isArray([]) //true Array.isArra...

muddyway 2019-08-20 11:29 評論0 收藏0