摘要:構造函數是是引用類型的一個新實例一創建實例的方法第一種是使用操作符后跟構造函數使用對象字面量表示法與相同二訪問對象屬性從功能上看,這兩種訪問對象屬性的方法沒有任何區別。對數組中的每一項運行給定函數,如果該函數對任一項返回,則返回。
對象是某個特定引用類型的實例。新對象是使用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(要刪除的項數) 如果要插入多個項,可以再傳入第四、第五,以至任意多個項。例如, 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的值
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
some():對數組中的每一項運行給定函數,如果該函數對任一項返回true,則返回true。
var someResult = numbers.some(function(item, index, array){ return (item > 2); }); alert(someResult); //true
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]
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]
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
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/85334.html
摘要:前言內存泄漏指由于疏忽或錯誤造成程序未能釋放已經不再使用的內存。這里就講一些常見會帶來內存泄露的原因。解決方案和都設為。 前言 內存泄漏指由于疏忽或錯誤造成程序未能釋放已經不再使用的內存。內存泄漏并非指內存在物理上的消失,而是應用程序分配某段內存后,由于設計錯誤,導致在釋放該段內存之前就失去了對該段內存的控制,從而造成了內存的浪費。這里就講一些常見會帶來內存泄露的原因。 0. 全局變量...
摘要:解決方式是,當我們不使用它們的時候,手動切斷鏈接淘汰把和對象轉為了真正的對象,避免了使用這種垃圾收集策略,消除了以下常見的內存泄漏的主要原因。以上參考資料高程垃圾收集類內存泄漏及如何避免內存泄露及解決方案詳解類內存泄漏及如何避免 showImg(http://ww1.sinaimg.cn/large/005Y4rCogy1ft1ikzcqzqj30ka0et77a.jpg); 前言 起...
摘要:本期推薦文章類內存泄漏及如何避免,由于微信不能訪問外鏈,點擊閱讀原文就可以啦。四種常見的內存泄漏劃重點這是個考點意外的全局變量未定義的變量會在全局對象創建一個新變量,如下。因為老版本的是無法檢測節點與代碼之間的循環引用,會導致內存泄漏。 (關注福利,關注本公眾號回復[資料]領取優質前端視頻,包括Vue、React、Node源碼和實戰、面試指導) 本周正式開始前端進階的第一期,本周的主題...
摘要:當然這還沒完,因為我們還有重要的一步沒完成,沒錯就是上面的第行代碼,如果沒有這行代碼實例中的指針是指向構造函數的,這樣顯然是不對的,因為正常情況下應該指向它的構造函數,因此我們需要手動更改使重新指向對象。 第一節內容:javaScript原型及原型鏈詳解(二) 第一節中我們介紹了javascript中的原型和原型鏈,這一節我們來講利用原型和原型鏈我們可以做些什么。 普通對象的繼承 ...
摘要:常見問題及處理要求每個只能有一個根元素。可以在最外層包一個來解決這個問題。分析原因中的,不是指向的實例解決方法將匿名函數變成箭頭函數,個人總結學習文檔,會持續更新,歡迎大家留言交流,如有幫助多謝點贊啦 常見問題及處理 1.vue.js 2.0要求每個template只能有一個根元素。可以在最外層包一個div來解決這個問題。 錯誤提示: vue.js:435 [Vue warn]:...
閱讀 2164·2021-11-11 16:55
閱讀 1685·2019-08-30 15:54
閱讀 2817·2019-08-30 15:53
閱讀 2211·2019-08-30 15:44
閱讀 1152·2019-08-30 15:43
閱讀 965·2019-08-30 11:22
閱讀 1942·2019-08-29 17:20
閱讀 1566·2019-08-29 16:56