js常見對象及方法

對象是某個特定引用類型的實例。新對象是使用new操做符後跟一個構造函數來建立的。
var person = new Object();
構造函數是Object,
person是Object引用類型的一個新實例

一. 建立實例的方法：
1.第一種是使用new操做符後跟Object構造函數
var person = new Object();
person.name = "Nicholas";
person.age = 29;
2.使用對象字面量表示法
var person = {
name : "Nicholas",
age : 29
};
var person = {}; //與new Object()相同
person.name = "Nicholas";
person.age = 29;
二.訪問對象屬性
alert(person["name"]); //"Nicholas"
alert(person.name); //"Nicholas"
從功能上看，這兩種訪問對象屬性的方法沒有任何區別。但方括號語法的主要優勢是能夠經過變量
來訪問屬性，例如：
var propertyName = "name";
alert(person[propertyName]); //"Nicholas"
若是屬性名中包含會致使語法錯誤的字符，或者屬性名使用的是關鍵字或保留字，也可使用方括
號表示法。例如：
person["first name"] = "Nicholas";
因爲"first name"中包含一個空格，因此不能使用點表示法來訪問它。然而，屬性名中是能夠包
含非字母非數字的，這時候就可使用方括號表示法來訪問它們。
一般，除非必須使用變量來訪問屬性，不然咱們建議使用點表示法

Array類型
一.建立數組的基本方式有兩種。

第一種是使用Array構造函數，以下面的代碼所示。

var colors = new Array(); 
var colors = new Array(20)；//建立數組長度爲20的數組
var colors = new Array("red", "blue", "green");//添加數據項

第二種是使用數組字面量表示法

var colors = ["red", "blue", "green"];  // 建立一個包含3個字符串的數組
var names = [];  // 建立一個空數組
var values = [1,2,];  // 不要這樣！這樣會建立一個包含2或3項的數組
var options = [,,,,,]; // 不要這樣！這樣會建立一個包含5或6項的數組

數組的length屬性頗有特色——它不是隻讀的。
所以，經過設置這個屬性，能夠從數組的末尾移除項或向數組中添加新項。
請看下面的例子：

var colors = ["red", "blue", "green"]; // 建立一個包含3個字符串的數組
colors.length = 2; 
alert(colors[2]); //undefined 

若是將其length屬性設置爲大於數組項數的值，
則新增的每一項都會取得undefined值

二.檢測數組

value instanceof Array 
//兩個以上不一樣的全局執行環境，從而存在兩個以上不一樣版本的Array構造函數
Array.isArray()

三.轉換方法

toString()
會返回由數組中每一個值的字符串形式拼接而成的一個以逗號分隔的字符串。
使用join(",")方法重現了toString()方法的輸出
valueOf()
返回的仍是數組

四.棧方法
push()和pop()方法

var colors = new Array();  // 建立一個數組
var count = colors.push("red", "green");  // 推入兩項
alert(count);  //2 
count = colors.push("black");  // 推入另外一項
alert(count); //3 
var item = colors.pop();  // 取得最後一項
alert(item); //"black" 
alert(colors.length); //2

五.隊列方法
shift()和push()

var colors = new Array(); //建立一個數組
var count = colors.push("red", "green"); //推入兩項
alert(count);  //2 
count = colors.push("black"); //推入另外一項
alert(count); //3 
var item = colors.shift(); //取得第一項
alert(item); //"red" 
alert(colors.length); //2

unshift() 數組的前端添加項
var count = colors.unshift("red", "green"); //推入兩項
alert(count); //2

六.從新排序
reverse() 反轉數組項的順序

var values = [1, 2, 3, 4, 5]; 
values.reverse(); 
alert(values); //5,4,3,2,1

sort()方法按升序排列數組項

sort()方法會調用每一個數組項的toString()轉型方法，
而後比較獲得的字符串，
即便數組中的每一項都是數值，sort()方法比較的也是字符串

var values = [0, 1, 5, 10, 15]; 
values.sort(); 
alert(values);   //0,1,10,15,5

sort()方法能夠接收一個比較函數做爲參數，
以便咱們指定哪一個值位於哪一個值的前面。

function compare(value1, value2){ 
    return value2 - value1; 
}
var a = [10,122,12,11,112];
console.log(a.sort(function(a,b) {
    return a-b; //由小到大
}));

返回一個小於零、等於零或大於零的值來影響排序結果，所以減法操做就能夠適
當地處理全部這些狀況。

七.操做方法

1.concat() 數組鏈接
var colors = ["red", "green", "blue"];
var colors2 = colors.concat("yellow", ["black", "brown"]);
alert(colors); //red,green,blue
alert(colors2); //red,green,blue,yellow,black,brown

2.slice() 基於當前數組中的一或多個項建立一個新數組
接受一或兩個參數，即要返回項的起始和結束位置
負數，用數組長度加上slice(-2,-1)與調用slice(3,4)相同

var colors = ["red", "green", "blue", "yellow", "purple"]; 
var colors2 = colors.slice(1); 
var colors3 = colors.slice(1,4); 
alert(colors2); //green,blue,yellow,purple 
alert(colors3); //green,blue,yellow

3.splice()

1.刪除: 任意數量的項，只需指定2個參數：要刪除的第一項的位置和要刪除的項數。
    例如，splice(0,2)會刪除數組中的前兩項

2.插入：能夠向指定位置插入任意數量的項，只需提供3個參數：起始位置、0（要刪除的項數）
若是要插入多個項，能夠再傳入第4、第五，以致任意多個項。例如，
splice(2,0,"red","green")會從當前數組的位置2開始插入字符串"red"和"green"。

3.插入:任意數量的項，且同時刪除任意數量的項，只需指定3個參數：起
始位置、要刪除的項數和要插入的任意數量的項。插入的項數沒必要與刪除的項數相等。例如，
splice (2,1,"red","green")會刪除當前數組位置2的項，而後再從位置2開始插入字符串
"red"和"green"。

var colors = ["red", "green", "blue"]; 
var removed = colors.splice(0,1);   // 刪除第一項
alert(colors); // green,blue 
alert(removed); // red，返回的數組中只包含一項

removed = colors.splice(1, 0, "yellow", "orange"); // 從位置1開始插入兩項
alert(colors); // green,yellow,orange,blue 
alert(removed); // 返回的是一個空數組

removed = colors.splice(1, 1, "red", "purple"); // 插入兩項，刪除一項
alert(colors); // green,red,purple,orange,blue 
alert(removed); // yellow，返回的數組中只包含一項

八.位置方法

indexOf()和lastIndexOf()

indexOf()方法從數組的開頭（位置0）開始向後查找
lastIndexOf()方法則從數組的末尾開始向前查找。
返回要查找的項在數組中的位置，
或者在沒找到的狀況下返回-1

九.迭代方法

每一個方法都接收兩個參數：要在每一項上運行的函數和（可選的）運行該函數的做用域對象——影響this的值

1. every() 對數組中的每一項運行給定函數，若是該函數對每一項都返回true，則返回true。

   var numbers = [1,2,3,4,5,4,3,2,1]; 
   var everyResult = numbers.every(function(item, index, array){ 
   return (item > 2); 
   });
   alert(everyresult);//false

2. some()：對數組中的每一項運行給定函數，若是該函數對任一項返回true，則返回true。

   var someResult = numbers.some(function(item, index, array){ 
   return (item > 2); 
   }); 
   alert(someResult); //true

3. filter() 對數組中的每一項運行給定函數，返回該函數會返回true的項組成的數組

   var numbers = [1,2,3,4,5,4,3,2,1]; 
   var filterResult = numbers.filter(function(item, index, array){ 
   return (item > 2); 
   }); 
   alert(filterResult);  //[3,4,5,4,3]

4. map() 對數組中的每一項運行給定函數，返回每次函數調用的結果組成的數組

   var numbers = [1,2,3,4,5,4,3,2,1]; 
   var mapResult = numbers.map(function(item, index, array){ 
   return item * 2; 
   }); 
   alert(mapResult); //[2,4,6,8,10,8,6,4,2]

5. forEach() 對數組中的每一項運行給定函數。這個方法沒有返回值。
   var numbers = [1,2,3,4,5,4,3,2,1];
   numbers.map(function(item, index, array){
   console.log(item);
   });
   //[1,2,3,4,5,4,3,2,1]
   十.歸併方法
   reduce()和reduceRight()

   函數接收4個參數：前一個值、當前值、項的索引和數組對象。
   這個函數返回的任何值都會做爲第一個參數自動傳給下一項。
   第一次迭代發生在數組的第二項上，
   所以第一個參數是數組的第一項，第二個參數就是數組的第二項。

   var values = [1,2,3,4,5]; 
   var sum = values.reduce(function(prev, cur, index, array){ 
       return prev + cur; 
   }); 
   alert(sum); //15