JavaScript對象

JavaScript 提供多個 內建 對象,比如 String、Date、Array 等等。對象只是帶有 屬性方法 的特殊數據類型。

訪問對象的屬性

屬性是與對象相關的值。
訪問對象屬性的語法是:
objectName.propertyName
下面這個例子使用了 String 對象的 length 屬性來獲得字符串的長度:( 下面的結果為 12 )
var message="Hello World!"; var x=message.length;

訪問對象的方法

方法是能夠在對象上執行的動作。
您可以通過以下語法來調用方法:
objectName.methodName()
下面這個例子使用了 String 對象的 toUpperCase() 方法來將文本轉換為大寫:( 下面的結果為 HELLO WORLD! )
var message="Hello world!"; var x=message.toUpperCase();

創建 JavaScript 對象

通過 JavaScript,您能夠定義并創建自己的對象。
創建新對象有兩種不同的方法:

  1. 定義并創建對象的實例
  2. 使用函數來定義對象,然后創建新的對象實例
創建直接的實例

這個例子創建了對象的一個新實例,并向其添加了四個屬性:

< body>
< script>
person={firstname:"Bill",lastname:"gates",age:56,eyecolor:"blue"}
document.write(person.firstname + " is " + person.age + " years old.");
< /script>
< /body>

使用對象構造器

使用函數來構造對象:

< body>
< script>
function person(firstname,lastname,age,eyecolor) {
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}
myFather=new person("Bill","Gates",56,"blue");
document.write(myFather.firstname + " is " + myFather.age + " years old.");
< /script>
< /body>

創建 JavaScript 對象實例

當有了對象構造器,就可以創建新的對象實例,就像這樣:

var myFather=new person("Bill","Gates",56,"blue");
var myMother=new person("Steve","Jobs",48,"green");

把屬性添加到 JavaScript 對象

您可以通過為對象賦值,向已有對象添加新屬性:
假設 personObj 已存在 - 您可以為其添加這些新屬性:firstname、lastname、age 以及 eyecolor:(x 的結果是Bill )

person.firstname="Bill";
person.lastname="Gates";
person.age=56;
person.eyecolor="blue";
x=person.firstname;

把方法添加到 JavaScript 對象

方法只不過是附加在對象上的函數。
在構造器函數內部定義對象的方法:

< body>
< script>
function person(firstname,lastname,age,eyecolor) {
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
this.changeName=changeName;
function changeName(name) {
this.lastname=name;

}
}
myMother=new person("Steve","Jobs",56,"green");
myMother.changeName("Ballmer");
document.write(myMother.lastname);
< /script>
< /body>

JavaScript 是面向對象的語言,但 JavaScript 不使用類。
在 JavaScript 中,不會創建類,也不會通過類來創建對象(就像在其他面向對象的語言中那樣)。
JavaScript 基于 prototype,而不是基于類的。

JavaScript 數字

JavaScript 只有一種數字類型。

var pi=3.14; // 使用小數點
var x=34; // 不使用小數點

極大或極小的數字可通過科學(指數)計數法來寫:
實例

var y=123e5; // 12300000
var z=123e-5; // 0.00123

所有 JavaScript 數字均為 64 位

JavaScript 不是類型語言。與許多其他編程語言不同,JavaScript 不定義不同類型的數字,比如整數、短、長、浮點等等。
JavaScript 中的所有數字都存儲為根為 10 的 64 位(8 比特),浮點數。

精度

整數(不使用小數點或指數計數法)最多為 15 位。
小數的最大位數是 17,但是浮點運算并不總是 100% 準確:0.2 + 0.1 = 0.30000000000000004

八進制和十六進制

如果前綴為 0,則 JavaScript 會把數值常量解釋為八進制數,如果前綴為 0 和 "x",則解釋為十六進制數。
實例

var y=0377;
var z=0xFF;

提示:絕不要在數字前面寫零,除非您需要進行八進制轉換。

數字屬性和方法

屬性:
  • MAX VALUE
  • MIN VALUE
  • NEGATIVE INFINITIVE
  • POSITIVE INFINITIVE
  • NaN
  • prototype
  • constructor
方法:
  • toExponential()
  • toFixed()
  • toPrecision()
  • toString()
  • valueOf()

字符串

String 對象用于處理已有的字符塊。

String 對象屬性

String 對象方法(上)

String 對象方法(下)

時期

Date 對象用于處理日期和時間
可以通過 new 關鍵詞來定義 Date 對象
var myDate=new Date()

Date 對象屬性

Date對象方法(上)

Date對象方法(中)

Date對象方法(下)

數組

數組對象用來在單獨的變量名中存儲一系列的值.
使用關鍵詞 new 來創建數組對象 : var myArray=new Array();
兩種賦值方法

  1. var mycars=new Array()
    mycars[0]="Saab"
    mycars[1]="Volvo"
    mycars[2]="BMW"
  2. var mycars=new Array("Saab","Volvo","BMW")
Array對象屬性

Array對象方法

邏輯

如果邏輯對象無初始值或者其值為 0、-0、null、""、false、undefined 或者 NaN,那么對象的值為 false。否則,其值為 true(即使當自變量為字符串 "false" 時)!


Boolean對象

算數

Math(算數)對象的作用是:執行普通的算數任務。
Math 對象提供多種算數值類型和函數。無需在使用這個對象之前對它進行定義。
JavaScript 提供 8 種可被 Math 對象訪問的算數值:

  • 常數
  • 圓周率
  • 2 的平方根
  • 1/2 的平方根
  • 2 的自然對數
  • 10 的自然對數
  • 以 2 為底的 e 的對數
  • 以 10 為底的 e 的對數

這是在 Javascript 中使用這些值的方法:(與上面的算數值一一對應)

  • Math.E
  • Math.PI
  • Math.SQRT2
  • Math.SQRT1_2
  • Math.LN2
  • Math.LN10
  • Math.LOG2E
  • Math.LOG10E
Math對象屬性

Math對象方法

正則表達式

RegExp 對象用于規定在文本中檢索的內容。
什么是 RegExp? RegExp 是正則表達式的縮寫。
RegExp 對象有 3 個方法:test()、exec() 以及 compile()。
test()
test() 方法檢索字符串中的指定值。返回值是 true 或 false。
var patt1=new RegExp("e");
document.write(patt1.test("The best things in life are free"));
由于該字符串中存在字母 "e",以上代碼的輸出將是: true
exec()
exec() 方法檢索字符串中的指定值。返回值是被找到的值。如果沒有發現匹配,則返回 null。
例子 1:
var patt1=new RegExp("e");
document.write(patt1.exec("The best things in life are free"));
由于該字符串中存在字母 "e",以上代碼的輸出將是:
e
例子 2:
向 RegExp 對象添加第二個參數,以設定檢索。例如,如果需要找到所有某個字符的所有存在,則使用 "g" 參數 ("global")。
在使用 "g" 參數時,exec() 的工作原理如下:

  • 找到第一個 "e",并存儲其位置
  • 如果再次運行 exec(),則從存儲的位置開始檢索,并找到下一個 "e",并存儲其位置

var patt1=new RegExp("e","g");
do {
result=patt1.exec("The best things in life are free");
document.write(result);
} while (result!=null)
由于這個字符串中 6 個 "e" 字母,代碼的輸出將是:
eeeeeenull
compile()
compile() 方法用于改變 RegExp。
compile() 既可以改變檢索模式,也可以添加或刪除第二個參數。
例子:
var patt1=new RegExp("e");
document.write(patt1.test("The best things in life are free"));
patt1.compile("d");
document.write(patt1.test("The best things in life are free"));
由于字符串中存在 "e",而沒有 "d",以上代碼的輸出是:
truefalse

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,345評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,494評論 3 416
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,283評論 0 374
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,953評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,714評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,186評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,255評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,410評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,940評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,776評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,976評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,518評論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,210評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,642評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,878評論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,654評論 3 391
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,958評論 2 373

推薦閱讀更多精彩內容

  • JavaScript 參考手冊這個鏈接要參考,多使用 JavaScript 中的所有事物都是對象:字符串、數值、數...
    松哥888閱讀 431評論 0 1
  • 一.JS對象 1.定義 JavaScript中所有的事物都是對象。 除了JavaScript所提供的一些內建對象(...
    夏有清風丶閱讀 367評論 0 1
  • 通過 HTML DOM,可訪問 JavaScript HTML 文檔的所有元素。 HTML DOM (文檔對象模型...
    夜幕小草閱讀 437評論 0 10
  • javaScript 對象對象由花括號分隔。在括號內部,對象的屬性以名稱和值對的形式 (name : value)...
    飄渺阿天閱讀 246評論 0 0
  • javascript中的所有事物都是對象 : 字符串 數值 數組 函數.... 此外, javascript允許自...
    hugoWang1018閱讀 334評論 0 3