要想學好前端數(shù)組必須掌握最基本的知識

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 數(shù)組

數(shù)組是用于儲存多個相同類型數(shù)據(jù)的有序集合

數(shù)組的長度 可讀可寫

數(shù)組的遍歷方式

for (var i = 0; i < are.length; I++) {

console.log(arr[i]);

}

數(shù)組的方法

Array.join( );

參數(shù): 拼接符,默認逗號;

將數(shù)組中所有元素轉(zhuǎn)化為字符串并連接在一起,返回最后生成字符串。

String.split( );

參數(shù):分割符,默認不分割

字符串轉(zhuǎn)數(shù)組。

Array.reverse( );

將數(shù)組中的元素倒序,改變原數(shù)組。

Array.sort( );

元素排序 改變原數(shù)組。

Array.concat( );

拼接 創(chuàng)建并返回一個新數(shù)組,不會改變新數(shù)組。

Array.slice( );

參數(shù):起始下標,結(jié)束下標。不會改變原數(shù)組。

Array.splice( );

參數(shù): 一、起始下標 二、刪除個數(shù) 三、插入的元素;



數(shù)組: 有序的集合

一、定義數(shù)組:

var arr = [1, 2, 3, 4]; // (4)[1, 2, 3, 4]

var arr2 = new Array(4); // (4)[empty × 4] // 長度

var arr3 = new Array(1, 2, 3, 4); // (4)[1, 2, 3, 4]

數(shù)組的長度 (可讀可寫)

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

console.log(arr.length); // 5;

// 修改原數(shù)組長度

arr.length = 3;

console.log(arr.length); // 3;

console.log(arr); // [1, 2, 3]

數(shù)組的遍歷方式

// 第一種遍歷的方式

for (var i = 0; i < arr.length; i++) {

? ? console.log(arr[i]);

}

// 第二種遍歷的方式 (會將數(shù)組定義的屬性枚舉出來)

for (var k in arr) {

? ? console.log(arr[k]);

}


1. 數(shù)組轉(zhuǎn)為字符串

Array.join()

// 參數(shù): 拼接符 默認為逗號

將數(shù)組中所有元素都轉(zhuǎn)化為字符串并連接在一起,返回最后生成的字符串

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

console.log(arr.join()); // '1,2,3,4'

console.log(arr.join('-')); // '1-2-3-4'

2. 字符串轉(zhuǎn)數(shù)組

String.split()

參數(shù): 分隔符? 默認不分割

var str = 'abc';

console.log(str.split()); // ['abc'];

console.log(str.split('')); // ['a', 'b', 'c'];

3. Array.reverse()

將數(shù)組中的元素倒序

改變原數(shù)組

4. Array.sort();

元素排序

改變原數(shù)組

5. Array.concat()

創(chuàng)建并返回一個新數(shù)組

不會改變原數(shù)組

6. Array.toString()

? ? 該方法將其每個元素轉(zhuǎn)化為字符串

? ? 如有必要將調(diào)用元素的toString()方法

? ? 并且輸出用逗號分隔的字符串列表

? ? 與不使用任何參數(shù)調(diào)用join()方法返回的字符串是一樣的

截取方法:

1. Array.slice();

? ? 起始下標 <= 范圍 < 結(jié)束下標

? ? 同字符串套路

? ? 不會改變原數(shù)組

2. Array.splice();

? ? 第一個參數(shù): 起始下標

? ? 第二個參數(shù): 刪除的個數(shù)

? ? 第三個參數(shù)..... : 需要插入的元素

數(shù)組的棧方法與隊列方法

1. Array.unshift()

? ? 從前面添加元素

? ? 返回數(shù)組的長度

2. Array.shift()

? ? 刪除前面元素

? ? 返回刪除的元素

3. Array.push()

? ? 從末尾添加元素

? ? 返回長度

4. Array.pop()

? ? 刪除末尾元素

棧方法:后進先出(汽車開進死胡同)

? ? push() + pop()

隊列方法 (先進先出)

? ? 在數(shù)組的末端添加項,從數(shù)組的前端刪除項

? ? push() + shift()

? ? 在數(shù)組的前端添加項,從列表的末端刪除項

? ? unshift() + pop()


作者:L? H


來源:簡書

簡書著作權(quán)歸作者所有,任何形式的轉(zhuǎn)載都請聯(lián)系作者獲得授權(quán)并注明出處。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第一部分:快速入門JS學習中的一些注意點:2018.8.16基礎(chǔ)知識: 入門JavaScript是世界上最流行的腳...
    天山雪蓮_38324閱讀 590評論 0 1
  • Javascript有很多數(shù)組的方法,有的人有W3C的API,還可以去MDN上去找,但是我覺得API上說的不全,M...
    頑皮的雪狐七七閱讀 4,471評論 0 6
  • 轉(zhuǎn)載:在開發(fā)中,數(shù)組的使用場景非常多,平日中也涉及到很多數(shù)組的api/相關(guān)操作,一直也沒有對這塊內(nèi)容進行一塊整理總...
    七色煙火閱讀 3,385評論 0 3
  • 第五章******************************************************...
    fastwe閱讀 803評論 0 0
  • 又到一年一度的除夕夜,年味越來越淡,晚上的春晚也是有一搭沒一搭的看。前兩年除夕都在旅途上,對春晚本來也是沒什么熱情...
    瘋小妮閱讀 136評論 0 1

友情鏈接更多精彩內(nèi)容