1. 程式人生 > 其它 >內建物件--Array(陣列)

內建物件--Array(陣列)

目錄

一、陣列的宣告

1. 標準式寫法

  • var arr = new Array();
  • new關鍵字:例項化,也就是建立
  • Array():陣列的類物件
  • 陣列為引用型別,唯一屬性為length屬性(長度屬性)

2. 白話式寫法

var arr = [];

二、陣列的賦值

1. 在建立陣列的時候直接賦值

  • 若是隻有一個引數,引數為length屬性,若是多個值,則引數就為賦值,有幾個引數length就為幾。
	var arr1 = new Array(5);
   console.log(arr1);
   var arr2 = new Array(1,2,3,4);
   console.log(arr2);

在這裡插入圖片描述

2. 根據鍵值進行賦值

  • 數組裡面存在索引和值
   var arr3 = new Array();
   arr3[0] = 1;
   arr3[1] = "a";
   arr3[2] = true;
   arr3[3] = function(){};
   console.log(arr3);

在這裡插入圖片描述

三、陣列的取值

	console.log(arr3[2]);

四、陣列拼接方法—concat()

   var a = [1,2];
   var b = [3,4];
   console.log(a.concat(b));

在這裡插入圖片描述

五、陣列轉化為字串-----join()

   //字串轉化為陣列
   var str = "abcdef";
   var strarr = str.split("");
   console.log(strarr);
   //陣列轉化為字串
   console.log(strarr.join(""));

在這裡插入圖片描述

六、陣列翻轉

	var s = [1,2,3,4];
   //翻轉成[4,3,2,1]
   console.log(s.reverse());

在這裡插入圖片描述

將一串字串原位翻轉

方法一:

	//Hello World !翻轉成olleH dlroW !
   var ts = "Hello World !";
   var tstemp = ts.split(" ");
   console.log(tstemp);
   var data = tstemp.map(function(value,index){
       return value.split("").reverse().join("");
   });
   console.log(data);

方法二:

	//Hello World !翻轉成olleH dlroW !
   var ts = "Hello World !";
   console.log(ts.split("").reverse().join("").split(" ").reverse());

在這裡插入圖片描述

七、陣列自帶的排序方法

	var f1 = [1,5,2,3,6,4];
   console.log(f1.sort());//預設:從小到大
   //改變sort的排序方式
   var f2 = f1.sort(function(n1,n2){
       return n2-n1;//n2-n1<0:從大到小排序;n2-n1>0:從小到大排序
   });
   console.log(f2);

在這裡插入圖片描述

八、陣列追加的方法

1. 根據長度直接追加

	var f3 = [1,2,3];
   f3[f3.length] = 10;

2. 使用方法追加—push() 往陣列後面追加

	var f3 = [1,2,3];
   f3.push(20);//方法返回值為陣列追加之後的長度
   console.log(f3);

3.往陣列之前追加----unshift()

	var f3 = [1,2,3];
   f3.unshift(0);//方法返回值為陣列追加之後的長度
   console.log(f3);

九、刪除陣列的方法

1. 刪除陣列最後面的值—pop()

	console.log(f3.pop());//返回刪除後的值
   console.log(f3);

2. 刪除陣列最前面的值—pop()

	console.log(f3.shift());//返回刪除後的值
   console.log(f3);

在這裡插入圖片描述