您當前的位置:首頁 > 舞蹈

【達達前端】JavaScript Array 物件

作者:由 Jeskson 發表于 舞蹈時間:2019-12-22

【達達前端】JavaScript Array 物件

作者 | Jeskson

JavaScript array 物件

array物件,是用於在單個變數中儲存多個值的一種變數型別。

建立array物件的語法:

new array();

new array(size);

new array(element0, element1, 。。。, elementn);

引數size表示陣列元素的個數,返回的是陣列型別,length欄位是size的值,引數 element0, element1, 。。。, elementn ,表示引數列表,新建立陣列的元素就會被初始化為這些元素值。

array物件屬性:

constructor屬性

描述:返回對建立此物件的陣列函式的引用

length屬性

描述:設定或返回陣列中元素的數目

prototype屬性

描述:可以讓您向物件新增屬性和方法

array物件方法:

concat()方法

連結兩個或更多的陣列,並返回結果

join()方法

把陣列中的所有元素放入一個字串

pop()方法

刪除並返回陣列的最後一個元素

push()方法

向陣列的末尾新增一個或更多元素,並返回新的長度

reverse()方法

顛倒陣列中的元素順序

shift()方法

刪除並返回陣列的第一個元素

valueOf()方法

返回陣列物件的原始值

unshift()方法

向陣列的開頭新增一個或多個元素,並返回新陣列的長度

toLocaleString()方法

把陣列轉換為本地陣列,並返回結果

toString()方法

把陣列轉換為字串,並返回結果

toSource()方法

返回該物件的原始碼

splice()方法

刪除元素,並向陣列新增新元素

sort()方法

對陣列的元素進行排序

slice()方法

從某個已有的陣列返回選定的元素

JavaScript constructor屬性

返回 對建立此 物件的陣列函式的 引用

格式:

object。constructor

結果:

array

使用constructor屬性:

function dada(name, age){

this。name = name;

this。age = age;

}

var dashu = new dada(“dashucoding”, 12);

document。write(dashu。constructor);

結果:

function dada(name,age){

this。name = name;

this。age = age;

}

JavaScript prototype屬性

可以讓你向 物件 新增 屬性和方法

格式:

object。prototype。name = value

使用prototype屬性向物件新增屬性:

function dada (name, age){

this。name = name;

this。age = age;

}

var dashu = new dada(“dashucoding”, 12);

dada。prototype。job = null;

dashu。job = it;

document。write(dashu。job);

結果:

it

JavaScript中的concat()方法

格式:

arrayObject。concat(arrs1,arrs2,。。。,arrsn)

var a = [1,2,3];

document。write(a。concat(4,5));

結果:

1,2,3,4,5

var arr1 = new Array(2)

arr1[0] = “a”

arr1[1] = “b”

var arr2 = new Array(2)

var2[0] = ‘c’

var2[1] = ‘d’

document。write( arr1。concat(arr2))

結果:

a,b,c,d

var arr1 = new Array(2)

arr1[0] = “a”

arr1[1] = “b”

var arr2 = new Array(2)

var2[0] = ‘c’

var2[1] = ‘d’

var arr3 = new Array(2)

var3[0] = ‘e’

var3[1] = ‘f’

document。write( arr1。concat(arr2,arr3))

結果:

a,b,c,d,e,f

JavaScript 中的join()方法

join()方法用於把陣列中的所有元素放入一個字串中。

var arr = [a,b,c];

console。log(arr。join());

結果:

a,b,c

var arr = [a,b,c];

console。log(arr。join(“-”);

結果:

a-b-c

JavaScript pop()方法

用於刪除並返回陣列的最後一個元素

格式:

arrayObject。pop()

var arr = [1,2,3];

console。log(arr。pop());

// 3

JavaScript push()方法

向陣列的末尾新增一個或多個元素,並返回新的長度

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

console。log(arr。push(“5”));

// 5 長度

reverse()顛倒其元素:

var arr = [1,2,3];

arr。reverse();

// 3,2,1

shift()方法用於把陣列的第一個元素從其中刪除,並返回第一個元素的值

var arr = [2,3,4];

arrr。shift();

// 2

valueOf方法返回array物件的原始值

arrayObject。valueOf()

unshift() 方法向陣列的開頭新增一個或多個元素,並返回新的長度。

sort() 方法用於對陣列的元素進行排序。

function sortNumber(a,b){

return a-b;

}

var arr = [1,2,4,9,7,3];

console。log(arr。sort(sortNumber));

arrayObject。toLocaleString()

首先呼叫每個陣列元素的 toLocaleString() 方法

使用地區特定的分隔符把生成的字串連線起來,形成一個字串。

toString()把陣列轉換為字串

toSource()方法:

物件的原始碼

object。toSource()

function dada(name, age){

this。name = name;

this。age = age;

}

var dashu = new dada(“dashucoding”, 1);

console。log(dashu。toSource());

// ({name:“dashucoding”, age: 1})

slice()方法:可以從已有的陣列中返回選定的元素

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

console。log(arr。slice(1));

// 2,3,4

var arr2 = [a,b,c,d]

console。log(arr2。slice(2,3))

// c

splice()向陣列中新增,刪除專案,然後返回被刪除的專案

index 必需。整數,規定新增/刪除專案的位置,使用負數可從陣列結尾處規定位置。

howmany 必需。要刪除的專案數量。如果設定為 0,則不會刪除專案。

item1, 。。。, itemX 可選。向陣列新增的新專案。

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

arr。splice (2,0, ‘a’);

// [1,2,a,3,4,5]

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

arr。splice (2,1, ‘a’);

// [1,2,a,4,5]

❤️ 不要忘記留下你學習的腳印 [點贊 + 收藏 + 評論]

作者Info:

【作者】:Jeskson

【原創公眾號】:達達前端小酒館。

【福利】:公眾號回覆 “資料” 送自學資料大禮包(進群分享,想要啥就說哈,看我有沒有)!

【轉載說明】:轉載請說明出處,謝謝合作!~

大前端開發,定位前端開發技術棧部落格,PHP後臺知識點,web全棧技術領域,資料結構與演算法、網路原理等通俗易懂的呈現給小夥伴。謝謝支援,承蒙厚愛!!!

若本號內容有做得不到位的地方(比如:涉及版權或其他問題),請及時聯絡我們進行整改即可,會在第一時間進行處理。

請點贊!因為你們的贊同/鼓勵是我寫作的最大動力!

歡迎關注達達的CSDN!

這是一個有質量,有態度的部落格

【達達前端】JavaScript Array 物件

標簽: arr  var  陣列  name  元素