對象定義 ?=== ?引用類型，描述的是一類對象所具有的屬性和方法

• 新對象的創建 方法

new + 構造函數 ? ? ? var person = new Object(); 對象字面量表示 ? ? ? var person = {}; ? ? ? ? ? ? ? ? ? ? 備注： ?新對象的創建方法，大多采用對象字面量的創建方法，這種方法能夠給人封裝數據的感覺。實際上，對象字面量也是向函數傳遞大量可選數據的首選 方式。

• 訪問對象屬性 方法

訪問對象屬性使用的都是 點 表示法： ? ? console.log(person.name); ? ?? ?? 訪問對象屬性還可以使用 方括號 表示法： ? ? ?console.log(serson["name"]); 備注： ?方括號訪問對象，主要優點是可以通過變量來訪問屬性。建議使用 點 表示法來訪問對象。

• 給對象添加屬性

給對象添加屬性的方法：通過為對象賦值，向巳有對象添加新屬性。 var person = {}; person.lastName = "chen"; person.age = "56"; lastName,age ? 這些就是對象的屬性，通過給這些屬性賦值，理解向巳有的對象添加新屬性。

• ?操作對象的方法

循環遍歷對象的屬性： for...in 語句 for(對象中的某個變量 in 對象名稱){要執行的代碼} var person = {list:{name: "kevin", age: 56},{name: "page", age: 26}}; var x; var txt = ""; for(x in person){ txt += person[x]; } console.log(txt); ??

• 廢除對象的方法

把對象的值，設為null。可以強制的把對象廢除，null為一個空的對象。 每用完一個對象后，就將其廢除，釋放對象。這里的廢除只是這個對象只有一個引用的時候，如果有多個引用，要小心的操作，因為這樣會把所有的引用都設為null;

• 數組的創建 方法

new + 構造函數 ? ? ? ? var sum = new Array(); 省略new ? ? ? ? ? ? ? var sum = Array(); 數組字面量表示 ? ? ? ?var sum = [];

• 數組在創建中 賦值

var sum = new Array(10); ? ? ? ? ? ? ? ? ?? ?????//lenght 值為10的數組 ? var sum = new Array("10"); ? ? ? ? ? ? ? ?? ?????//創建一個字符串數組 ? ? var sum = Array("red", "blue", "green"); ? ? ? ? //創建3個字符串的數組 ? var sum = []; ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?//創建一個空數組 ? ? ?? var sum = [1,2]; ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? //不允許這樣創建數組 ? var sum = [,,,,,,,,]; ? ? ? ? ? ? ? ? ? ? ? ? ? ?//不允許這樣創建數組?

• 讀取數組

console.log(sum[0]); ? ? ? ? ? ? ? ? ? ? ? ? ? ?? //讀取數組sum數組中第一個值，方括號中的數字是要訪問的值

• 檢測數組

Array.isArray() ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? //這個方法的目的是最終確定某個值到底是不是數組 if(sum.isArray(value)){ //對數組進行操作... }

• 數組轉換方法

toString(); ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? //以字符串的形式，返回數組中的每個值 valueOf(); ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? //返回的還是數組 join('|'); ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? //將返回的數組以 ｜ 分隔,如果不給這個方法傳遞任何值，則以逗號分隔 var color = ['red', 'green', 'black']; ? ? ? ? ? ? console.log(color.toString()); ? ? ? ? ? ? ? ? ? ?//red,green,black console.log(color.valueOf()); ? ? ? ? ? ? ? ? ? ? //[red,green,black] console.log(color.join('|')); ? ? ? ? ? ? ? ? ? ? //red | green | black

• 數組默認的方法，操作數組的值

push() ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? //可以接收任意參數，將參數添加到數組的末尾；

pop() ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?//從數組的末尾移除最后一項，返回移除的項；

reverse() ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?//重排序方法

sort() ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? //排序方法

var values = [0,5,12,2,4]; function bijiao(value1, value2){ ? ? ?? //比較函數 if(value1 < value2){ return -1;? }else if(value1 > value2){ return 1; }else{ return 0; } } values.sort(bijiao); ? ? ? ? ? ? ? ? ? ?//給排序方法傳入比較函數，返回的值為：0,2,4,5,12

slice(起始位置，結束位置) ? ? ? ? ? ? ? ? ?? //用于刪除、插入、替換

var values = [0,5,12,2,4]; var num1 = values.slice(0,2); ? ? ? ? ? //刪除數組中的前兩項,要刪除的第一項的位置和要刪除的項數 console.log(num1); ? ? ? ? ? ? ? ? ? ? ?//12,2,4

concat() ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?//用于連接兩個或多個數組返回一個數組副本

var num = [2,3]; console.log(num.concat(4,5)); ? ? ? ? ? ?//2,3,4,5

• 數組的迭代方法

每個數組有 5 個迭代方法。 每個方法接收 2 個參數：傳入的函數、該函數的作用域的對象 this 的值。 傳入的函數接收 3 個參數：數組的值(item)、該項在數組中的位置(index)、數組對象本身(array)。 以下是所有的方法以及作用：

• every() 和 some() ?這兩個方法都是用于查詢數組中的項是否滿足某個條件。它們唯一的區別是：

every(函數參數) ?這個函數參數必須對每一項都返回true,這個方法才會返回true; some(函數參數) ? 這個函數參數對某一項為true，這個方法就是true;

• filter(函數參數) ? ?這個函數參數對某一項返回為true,返回為true的這一項的數組
• forEech(函數參數) ? 這個方法沒有返回值
• map(函數參數) ? ? ? 返回每次函數調用的結果而組成的新的數組 ??

var num = [1,2,4,5,8,6,2,1]; var mapResult = num.map(function(item,index,array){ ? ? ? ? ? ? ? //map的 參數是一個函數，這個函數接收3個參數，分別是item,index,array return (item > 2); ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? //運行函數的條件 }); console.log(mapResult); ? ? ? ? ?//4,5,8,6 ? ? ? ? ? ? ? ? ? ? ? ?返回調用這個函數的結果而組成的新的數組；

• 遍歷數組

JS遍歷數組的方法有兩種：

• for 循環

var num = [5,15,6]; for(var i = 0; i < num.length; i++){ console.log(num[i] + ","); ? ? ? ? ? ? ? ? ? ? ? ? ?//5,15,6 }

• for...in ?

var num = [5,15,6]; for(var i in num){ console.log(num[i] + ","); ? ? ? ? ? ? ? ? ? ? ? ? ? //5,15,6 }

轉載于:https://www.cnblogs.com/baiyygynui/p/5555143.html

總結

以上是生活随笔為你收集整理的javascript 红宝书笔记之如何使用对象 如何操作数组的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。