文章出處

在工作中可能用的不多,但一些特殊的場合還是會用到,所以在這里,把JS的數組操作總結一下,分享給大家!

Array 對象

Array 對象用于在單個的變量中存儲多個值。

創建 Array 對象的語法:

new Array();
new Array(size);
new Array(element0, element1, ..., elementn);

參數

參數 size 是期望的數組元素個數。返回的數組,length 字段將被設為 size 的值。

參數 element ..., elementn 是參數列表。當使用這些參數來調用構造函數 Array() 時,新創建的數組的元素就會被初始化為這些值。它的 length 字段也會被設置為參數的個數。

返回值

返回新創建并被初始化了的數組。

如果調用構造函數 Array() 時沒有使用參數,那么返回的數組為空,length 字段為 0。

當調用構造函數時只傳遞給它一個數字參數,該構造函數將返回具有指定個數、元素為 undefined 的數組。

當其他參數調用 Array() 時,該構造函數將用參數指定的值初始化數組。

下面介紹在項目中測試的數組方法

當把構造函數作為函數調用,不使用 new 運算符時,它的行為與使用 new 運算符調用它時的行為完全一樣。

var a = function(){
     console.log(this);    // 'littledu'
     console.log(typeof this);      //  Object
     console.log(this instanceof String);    // true
}
a.call('littledu'); //將這個參數做為方法的this對象

 var a={length:2,0:'first',1:'second'};
 Array.prototype.slice.call(a);//  ["first", "second"]
  
 var a={length:2};
 Array.prototype.slice.call(a);//  [undefined, undefined]

console.log("合攏".concat("world!")); //連接多個數組

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
console.log(arr + "<br />")
console.log(arr.shift() + "<br />") //刪除數組第1個元素,并返回它
console.log(arr)

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
console.log(arr.join()) //數據轉字符串,每個元素之間用逗號分開var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
console.log(arr + "<br />")
console.log(arr.slice(1) + "<br />") //從指定位置,返回指定數量的元素
console.log(arr)

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"
console.log(arr + "<br />")
console.log(arr.sort()) //數據元素排序


var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
console.log(arr + "<br />")
arr.splice(1,1,"William") //從指定位置刪除指定數量的元素,并添加新的元素
console.log(arr + "<br />")



var arr = new Array()
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
console.log(arr + "<br />")
console.log(arr.unshift("William") + "<br />") //在數據開頭添加新元素,并返回數據長度
console.log(arr)

以后有對數據的操作,我還會更新到這個文章,喜歡JS數組的同學可以收藏一下!

感謝閱讀!


文章列表




Avast logo

Avast 防毒軟體已檢查此封電子郵件的病毒。
www.avast.com


arrow
arrow
    全站熱搜

    大師兄 發表在 痞客邦 留言(0) 人氣()