成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

js常見對(duì)象及方法

dendoink / 1237人閱讀

摘要:構(gòu)造函數(shù)是是引用類型的一個(gè)新實(shí)例一創(chuàng)建實(shí)例的方法第一種是使用操作符后跟構(gòu)造函數(shù)使用對(duì)象字面量表示法與相同二訪問對(duì)象屬性從功能上看,這兩種訪問對(duì)象屬性的方法沒有任何區(qū)別。對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù),如果該函數(shù)對(duì)任一項(xiàng)返回,則返回。

對(duì)象是某個(gè)特定引用類型的實(shí)例。新對(duì)象是使用new操作符后跟一個(gè)構(gòu)造函數(shù)來創(chuàng)建的。
var person = new Object();
構(gòu)造函數(shù)是Object,
person是Object引用類型的一個(gè)新實(shí)例

一. 創(chuàng)建實(shí)例的方法:
1.第一種是使用new操作符后跟Object構(gòu)造函數(shù)
var person = new Object();
person.name = "Nicholas";
person.age = 29;
2.使用對(duì)象字面量表示法
var person = {
name : "Nicholas",
age : 29
};
var person = {}; //與new Object()相同
person.name = "Nicholas";
person.age = 29;
二.訪問對(duì)象屬性
alert(person["name"]); //"Nicholas"
alert(person.name); //"Nicholas"
從功能上看,這兩種訪問對(duì)象屬性的方法沒有任何區(qū)別。但方括號(hào)語法的主要優(yōu)點(diǎn)是可以通過變量
來訪問屬性,例如:
var propertyName = "name";
alert(person[propertyName]); //"Nicholas"
如果屬性名中包含會(huì)導(dǎo)致語法錯(cuò)誤的字符,或者屬性名使用的是關(guān)鍵字或保留字,也可以使用方括
號(hào)表示法。例如:
person["first name"] = "Nicholas";
由于"first name"中包含一個(gè)空格,所以不能使用點(diǎn)表示法來訪問它。然而,屬性名中是可以包
含非字母非數(shù)字的,這時(shí)候就可以使用方括號(hào)表示法來訪問它們。
通常,除非必須使用變量來訪問屬性,否則我們建議使用點(diǎn)表示法

Array類型
一.創(chuàng)建數(shù)組的基本方式有兩種。

第一種是使用Array構(gòu)造函數(shù),如下面的代碼所示。

var colors = new Array(); 
var colors = new Array(20);//創(chuàng)建數(shù)組長(zhǎng)度為20的數(shù)組
var colors = new Array("red", "blue", "green");//添加數(shù)據(jù)項(xiàng)

第二種是使用數(shù)組字面量表示法

var colors = ["red", "blue", "green"];  // 創(chuàng)建一個(gè)包含3個(gè)字符串的數(shù)組
var names = [];  // 創(chuàng)建一個(gè)空數(shù)組
var values = [1,2,];  // 不要這樣!這樣會(huì)創(chuàng)建一個(gè)包含2或3項(xiàng)的數(shù)組
var options = [,,,,,]; // 不要這樣!這樣會(huì)創(chuàng)建一個(gè)包含5或6項(xiàng)的數(shù)組

數(shù)組的length屬性很有特點(diǎn)——它不是只讀的。
因此,通過設(shè)置這個(gè)屬性,可以從數(shù)組的末尾移除項(xiàng)或向數(shù)組中添加新項(xiàng)。
請(qǐng)看下面的例子:

var colors = ["red", "blue", "green"]; // 創(chuàng)建一個(gè)包含3個(gè)字符串的數(shù)組
colors.length = 2; 
alert(colors[2]); //undefined 

如果將其length屬性設(shè)置為大于數(shù)組項(xiàng)數(shù)的值,
則新增的每一項(xiàng)都會(huì)取得undefined值

二.檢測(cè)數(shù)組

value instanceof Array 
//兩個(gè)以上不同的全局執(zhí)行環(huán)境,從而存在兩個(gè)以上不同版本的Array構(gòu)造函數(shù)
Array.isArray()

三.轉(zhuǎn)換方法

toString()
會(huì)返回由數(shù)組中每個(gè)值的字符串形式拼接而成的一個(gè)以逗號(hào)分隔的字符串。
使用join(",")方法重現(xiàn)了toString()方法的輸出
valueOf()
返回的還是數(shù)組

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

var colors = new Array();  // 創(chuàng)建一個(gè)數(shù)組
var count = colors.push("red", "green");  // 推入兩項(xiàng)
alert(count);  //2 
count = colors.push("black");  // 推入另一項(xiàng)
alert(count); //3 
var item = colors.pop();  // 取得最后一項(xiàng)
alert(item); //"black" 
alert(colors.length); //2 

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

var colors = new Array(); //創(chuàng)建一個(gè)數(shù)組
var count = colors.push("red", "green"); //推入兩項(xiàng)
alert(count);  //2 
count = colors.push("black"); //推入另一項(xiàng)
alert(count); //3 
var item = colors.shift(); //取得第一項(xiàng)
alert(item); //"red" 
alert(colors.length); //2

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

六.重新排序
reverse() 反轉(zhuǎn)數(shù)組項(xiàng)的順序

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

sort()方法按升序排列數(shù)組項(xiàng)

sort()方法會(huì)調(diào)用每個(gè)數(shù)組項(xiàng)的toString()轉(zhuǎn)型方法,
然后比較得到的字符串,
即使數(shù)組中的每一項(xiàng)都是數(shù)值,sort()方法比較的也是字符串

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

sort()方法可以接收一個(gè)比較函數(shù)作為參數(shù),
以便我們指定哪個(gè)值位于哪個(gè)值的前面。

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

返回一個(gè)小于零、等于零或大于零的值來影響排序結(jié)果,因此減法操作就可以適
當(dāng)?shù)靥幚硭羞@些情況。

七.操作方法

1.concat() 數(shù)組連接
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() 基于當(dāng)前數(shù)組中的一或多個(gè)項(xiàng)創(chuàng)建一個(gè)新數(shù)組
接受一或兩個(gè)參數(shù),即要返回項(xiàng)的起始和結(jié)束位置
負(fù)數(shù),用數(shù)組長(zhǎng)度加上slice(-2,-1)與調(diào)用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.刪除: 任意數(shù)量的項(xiàng),只需指定2個(gè)參數(shù):要?jiǎng)h除的第一項(xiàng)的位置和要?jiǎng)h除的項(xiàng)數(shù)。
    例如,splice(0,2)會(huì)刪除數(shù)組中的前兩項(xiàng)

2.插入:可以向指定位置插入任意數(shù)量的項(xiàng),只需提供3個(gè)參數(shù):起始位置、0(要?jiǎng)h除的項(xiàng)數(shù))
如果要插入多個(gè)項(xiàng),可以再傳入第四、第五,以至任意多個(gè)項(xiàng)。例如,
splice(2,0,"red","green")會(huì)從當(dāng)前數(shù)組的位置2開始插入字符串"red"和"green"。

3.插入:任意數(shù)量的項(xiàng),且同時(shí)刪除任意數(shù)量的項(xiàng),只需指定3個(gè)參數(shù):起
始位置、要?jiǎng)h除的項(xiàng)數(shù)和要插入的任意數(shù)量的項(xiàng)。插入的項(xiàng)數(shù)不必與刪除的項(xiàng)數(shù)相等。例如,
splice (2,1,"red","green")會(huì)刪除當(dāng)前數(shù)組位置2的項(xiàng),然后再從位置2開始插入字符串
"red"和"green"。

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

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

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

八.位置方法

indexOf()和lastIndexOf()

indexOf()方法從數(shù)組的開頭(位置0)開始向后查找
lastIndexOf()方法則從數(shù)組的末尾開始向前查找。
返回要查找的項(xiàng)在數(shù)組中的位置,
或者在沒找到的情況下返回?-1

九.迭代方法

每個(gè)方法都接收兩個(gè)參數(shù):要在每一項(xiàng)上運(yùn)行的函數(shù)和(可選的)運(yùn)行該函數(shù)的作用域?qū)ο蟆绊憈his的值

every() 對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù),如果該函數(shù)對(duì)每一項(xiàng)都返回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():對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù),如果該函數(shù)對(duì)任一項(xiàng)返回true,則返回true。

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

filter() 對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù),返回該函數(shù)會(huì)返回true的項(xiàng)組成的數(shù)組

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() 對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù),返回每次函數(shù)調(diào)用的結(jié)果組成的數(shù)組

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() 對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù)。這個(gè)方法沒有返回值。
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()

函數(shù)接收4個(gè)參數(shù):前一個(gè)值、當(dāng)前值、項(xiàng)的索引和數(shù)組對(duì)象。
這個(gè)函數(shù)返回的任何值都會(huì)作為第一個(gè)參數(shù)自動(dòng)傳給下一項(xiàng)。
第一次迭代發(fā)生在數(shù)組的第二項(xiàng)上,
因此第一個(gè)參數(shù)是數(shù)組的第一項(xiàng),第二個(gè)參數(shù)就是數(shù)組的第二項(xiàng)。

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

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/85334.html

相關(guān)文章

  • 【拒絕拖延】常見的JavaScript內(nèi)存泄露原因解決方案

    摘要:前言內(nèi)存泄漏指由于疏忽或錯(cuò)誤造成程序未能釋放已經(jīng)不再使用的內(nèi)存。這里就講一些常見會(huì)帶來內(nèi)存泄露的原因。解決方案和都設(shè)為。 前言 內(nèi)存泄漏指由于疏忽或錯(cuò)誤造成程序未能釋放已經(jīng)不再使用的內(nèi)存。內(nèi)存泄漏并非指內(nèi)存在物理上的消失,而是應(yīng)用程序分配某段內(nèi)存后,由于設(shè)計(jì)錯(cuò)誤,導(dǎo)致在釋放該段內(nèi)存之前就失去了對(duì)該段內(nèi)存的控制,從而造成了內(nèi)存的浪費(fèi)。這里就講一些常見會(huì)帶來內(nèi)存泄露的原因。 0. 全局變量...

    tangr206 評(píng)論0 收藏0
  • JS高程中的垃圾回收機(jī)制與常見內(nèi)存泄露的解決方法

    摘要:解決方式是,當(dāng)我們不使用它們的時(shí)候,手動(dòng)切斷鏈接淘汰把和對(duì)象轉(zhuǎn)為了真正的對(duì)象,避免了使用這種垃圾收集策略,消除了以下常見的內(nèi)存泄漏的主要原因。以上參考資料高程垃圾收集類內(nèi)存泄漏及如何避免內(nèi)存泄露及解決方案詳解類內(nèi)存泄漏及如何避免 showImg(http://ww1.sinaimg.cn/large/005Y4rCogy1ft1ikzcqzqj30ka0et77a.jpg); 前言 起...

    kidsamong 評(píng)論0 收藏0
  • 【進(jìn)階1-5期】JavaScript深入之4類常見內(nèi)存泄漏如何避免

    摘要:本期推薦文章類內(nèi)存泄漏及如何避免,由于微信不能訪問外鏈,點(diǎn)擊閱讀原文就可以啦。四種常見的內(nèi)存泄漏劃重點(diǎn)這是個(gè)考點(diǎn)意外的全局變量未定義的變量會(huì)在全局對(duì)象創(chuàng)建一個(gè)新變量,如下。因?yàn)槔习姹镜氖菬o法檢測(cè)節(jié)點(diǎn)與代碼之間的循環(huán)引用,會(huì)導(dǎo)致內(nèi)存泄漏。 (關(guān)注福利,關(guān)注本公眾號(hào)回復(fù)[資料]領(lǐng)取優(yōu)質(zhì)前端視頻,包括Vue、React、Node源碼和實(shí)戰(zhàn)、面試指導(dǎo)) 本周正式開始前端進(jìn)階的第一期,本周的主題...

    red_bricks 評(píng)論0 收藏0
  • javaScript原型原型鏈詳解(二)

    摘要:當(dāng)然這還沒完,因?yàn)槲覀冞€有重要的一步?jīng)]完成,沒錯(cuò)就是上面的第行代碼,如果沒有這行代碼實(shí)例中的指針是指向構(gòu)造函數(shù)的,這樣顯然是不對(duì)的,因?yàn)檎G闆r下應(yīng)該指向它的構(gòu)造函數(shù),因此我們需要手動(dòng)更改使重新指向?qū)ο蟆? 第一節(jié)內(nèi)容:javaScript原型及原型鏈詳解(二) 第一節(jié)中我們介紹了javascript中的原型和原型鏈,這一節(jié)我們來講利用原型和原型鏈我們可以做些什么。 普通對(duì)象的繼承 ...

    widuu 評(píng)論0 收藏0
  • Vue常見問題處理

    摘要:常見問題及處理要求每個(gè)只能有一個(gè)根元素??梢栽谧钔鈱影粋€(gè)來解決這個(gè)問題。分析原因中的,不是指向的實(shí)例解決方法將匿名函數(shù)變成箭頭函數(shù),個(gè)人總結(jié)學(xué)習(xí)文檔,會(huì)持續(xù)更新,歡迎大家留言交流,如有幫助多謝點(diǎn)贊啦 常見問題及處理 1.vue.js 2.0要求每個(gè)template只能有一個(gè)根元素??梢栽谧钔鈱影粋€(gè)div來解決這個(gè)問題。 錯(cuò)誤提示: vue.js:435 [Vue warn]:...

    oysun 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

dendoink

|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<