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

• 新對象的創(chuàng)建 方法

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

• 訪問對象屬性 方法

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

• 給對象添加屬性

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

• ?操作對象的方法

循環(huán)遍歷對象的屬性： for...in 語句 for(對象中的某個(gè)變量 in 對象名稱){要執(zhí)行的代碼} 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); ??

• 廢除對象的方法

把對象的值，設(shè)為null。可以強(qiáng)制的把對象廢除，null為一個(gè)空的對象。 每用完一個(gè)對象后，就將其廢除，釋放對象。這里的廢除只是這個(gè)對象只有一個(gè)引用的時(shí)候，如果有多個(gè)引用，要小心的操作，因?yàn)檫@樣會(huì)把所有的引用都設(shè)為null;

• 數(shù)組的創(chuàng)建 方法

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

• 數(shù)組在創(chuàng)建中 賦值

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

• 讀取數(shù)組

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

• 檢測數(shù)組

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

• 數(shù)組轉(zhuǎn)換方法

toString(); ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? //以字符串的形式，返回?cái)?shù)組中的每個(gè)值 valueOf(); ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? //返回的還是數(shù)組 join('|'); ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? //將返回的數(shù)組以 ｜ 分隔,如果不給這個(gè)方法傳遞任何值，則以逗號分隔 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

• 數(shù)組默認(rèn)的方法，操作數(shù)組的值

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

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

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

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

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

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

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

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

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

• 數(shù)組的迭代方法

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

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

every(函數(shù)參數(shù)) ?這個(gè)函數(shù)參數(shù)必須對每一項(xiàng)都返回true,這個(gè)方法才會(huì)返回true; some(函數(shù)參數(shù)) ? 這個(gè)函數(shù)參數(shù)對某一項(xiàng)為true，這個(gè)方法就是true;

• filter(函數(shù)參數(shù)) ? ?這個(gè)函數(shù)參數(shù)對某一項(xiàng)返回為true,返回為true的這一項(xiàng)的數(shù)組
• forEech(函數(shù)參數(shù)) ? 這個(gè)方法沒有返回值
• map(函數(shù)參數(shù)) ? ? ? 返回每次函數(shù)調(diào)用的結(jié)果而組成的新的數(shù)組 ??

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

• 遍歷數(shù)組

JS遍歷數(shù)組的方法有兩種：

• for 循環(huán)

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 }

轉(zhuǎn)載于:https://www.cnblogs.com/baiyygynui/p/5555143.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。