JavaScript 對象 實例

JavaScript String(字符串)對象 實例
返回字符串的長度
var txt="Hello World!" document.write(txt.length)
為字符串添加樣式(<==看效果點擊此處)
txt.big() 用大號字體顯示字符串
txt.small() 小字體
txt.bold() 粗體
txt.italics() 斜體
txt.blick() 顯示閃動字符串
txt.fixed() 以打字機文本顯示字符串
txt.strike() 字體上劃橫線
txt.fontcolor("Red") 字體變紅色
txt.fontsize(16) 使用指定的尺寸來顯示字符串
txt.toLowerCase() 字母全部小寫
txt.toUpperCase() 字母全部大寫
txt.sub() 集體向下偏移(下角標模式)
txt.sup() 集體向上偏移(上角標模式)
txt.link("http://www.w3school.com.cn") 將字符串顯示為鏈接

<body>

<script type="text/javascript">

var txt="Hello World!"

document.write("<p>Big: " + txt.big() + "</p>")
document.write("<p>Small: " + txt.small() + "</p>")

document.write("<p>Bold: " + txt.bold() + "</p>")
document.write("<p>Italic: " + txt.italics() + "</p>")

document.write("<p>Blink: " + txt.blink() + " (does not work in IE)</p>")
document.write("<p>Fixed: " + txt.fixed() + "</p>")
document.write("<p>Strike: " + txt.strike() + "</p>")

document.write("<p>Fontcolor: " + txt.fontcolor("Red") + "</p>")
document.write("<p>Fontsize: " + txt.fontsize(16) + "</p>")

document.write("<p>Lowercase: " + txt.toLowerCase() + "</p>")
document.write("<p>Uppercase: " + txt.toUpperCase() + "</p>")

document.write("<p>Subscript: " + txt.sub() + "</p>")
document.write("<p>Superscript: " + txt.sup() + "</p>")

document.write("<p>Link: " + txt.link("http://www.w3school.com.cn") + "</p>")
</script>

</body>

返回字符串中指定文本首次出現(xiàn)的位置 indexOf()方法

<body>

<script type="text/javascript">

var str="Hello world!"
document.write(str.indexOf("Hello") + "<br />") // 0
document.write(str.indexOf("World") + "<br />")  // -1(未發(fā)現(xiàn)該字符串返回-1)
document.write(str.indexOf("world"))  // 6

</script>

</body>

查找字符串中特定的字符墩弯,若找到,則返回該字符 match() 方法

<body>

<script type="text/javascript">

var str="Hello world!"
document.write(str.match("world") + "<br />")  // world
document.write(str.match("World") + "<br />")  // null
document.write(str.match("worlld") + "<br />")  // null
document.write(str.match("world!"))  // world!

</script>

</body>

替換字符串中的字符 replace()

<body>

<script type="text/javascript">

var str="Visit Microsoft!"
document.write(str.replace(/Microsoft/,"W3School"))  // Visit W3School!

</script>
</body>

參閱:JavaScript String 對象參考手冊

JavaScript String 對象參考圖片.png

String 對象描述
字符串是 JavaScript 的一種基本的數(shù)據(jù)類型髓霞。

  1. String 對象的 length 屬性聲明了該字符串中的字符數(shù)此衅。
  2. String 類定義了大量操作字符串的方法仔掸,例如從字符串中提取字符或子串,或者檢索字符或子串忆植。
  3. 需要注意的是,JavaScript 的字符串是不可變的(immutable)谒臼,String 類定義的方法都不能改變字符串的內(nèi)容朝刊。像 String.toUpperCase() 這樣的方法,返回的是全新的字符串蜈缤,而不是修改原始字符串拾氓。
  4. 在較早的 Netscape 代碼基的 JavaScript 實現(xiàn)中(例如 Firefox 實現(xiàn)中),字符串的行為就像只讀的字符數(shù)組底哥。
    例如咙鞍,從字符串 s 中提取第三個字符房官,可以用 s[2] 代替更加標準的 s.charAt(2)。此外续滋,對字符串應用 for/in 循環(huán)時翰守,它將枚舉字符串中每個字符的數(shù)組下標(但要注意,ECMAScript 標準規(guī)定疲酌,不能枚舉 length 屬性)。因為字符串的數(shù)組行為不標準朗恳,所以應該避免使用它。

JavaScript Date(日期)對象 實例
使用 Date()方法來返回今天的日期和時間

<body>

<script type="text/javascript">

document.write(Date())    

</script>

</body> 

使用getTime() 計算從1970年到今天有多少年

<body>

<script type="text/javascript">
var d=new Date();
document.write("從 1970/01/01 至今已有:" + d.getTime() + " 毫秒肖爵。");
</script>

</body>

使用setFullYear() 設置具體的日期

<body>

<script type="text/javascript">

var d = new Date()
d.setFullYear(1992,10,3)
document.write(d)  // Tue Nov 03 1992 14:59:14 GMT+0800 (中國標準時間)

</script>

</body>

使用 toUTCString() 把當日的日期(根據(jù) UTC)轉(zhuǎn)換為字符串

<body>

<script type="text/javascript">

var d = new Date()
document.write (d.toUTCString())

</script>

</body>

使用 getDay() 來顯示星期,而不僅僅是數(shù)字

<body>

<script type="text/javascript">

var d=new Date()
var weekday=new Array(7)
weekday[0]="星期日"
weekday[1]="星期一"
weekday[2]="星期二"
weekday[3]="星期三"
weekday[4]="星期四"
weekday[5]="星期五"
weekday[6]="星期六"

document.write("今天是" + weekday[d.getDay()])

</script>

</body>

顯示一個鐘表

<head>
<script type="text/javascript">
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',500)
}

function checkTime(i)
{
if (i<10) 
  {i="0" + i}
  return i
}
</script>
</head>

<body onload="startTime()">
<div id="txt"></div>
</body>

創(chuàng)建 Date 對象的語法:
var myDate=new Date()
注釋:Date 對象會自動把當前日期和時間保存為其初始值劝堪。

參閱:JavaScript Date 對象參考手冊揉稚。

JavaScript Date 對象參考圖

JavaScript Array(數(shù)組)實例
創(chuàng)建數(shù)組var myArr = new Array()
使用for...in聲明來遍歷數(shù)組中的元素

<body>

<script type="text/javascript">
// 創(chuàng)建數(shù)組
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"
// 使用 for...in 聲明來遍歷數(shù)組中的元素
for (i=0;i<mycars.length;i++)
{
document.write(mycars[i] + "<br />")
}
</script>

</body>

合并兩個數(shù)組 concat()

<body>

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

var arr2 = new Array(3)
arr2[0] = "James"
arr2[1] = "Adrew"
arr2[2] = "Martin"

document.write(arr.concat(arr2))  // George,John,Thomas,James,Adrew,Martin
</script>

</body>

用數(shù)組的元素組成字符串 join()

<body>

<script type="text/javascript">

var arr = new Array(3);
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr.join());  // George,John,Thomas

document.write("<br />");

document.write(arr.join("."));  // George.John.Thomas

</script>

</body>

文字數(shù)組 sort()

<body>

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")  // George,John,Thomas,James,Adrew,Martin
document.write(arr.sort())      // Adrew,George,James,John,Martin,Thomas

</script>

</body>

數(shù)字數(shù)組 sort()

<body>

<script type="text/javascript">

function sortNumber(a, b)
{
return a - b  // 升序排列   若為:b - a 降序排列
}

var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"

document.write(arr + "<br />")        // 10,5,40,25,1000,1
document.write(arr.sort(sortNumber))  // 1,5,10,25,40,1000  若為b - a 降序排列:1000,40,25,10,5,1

</script>

</body>

參閱:JavaScript Array 對象的參考手冊秒啦。

JavaScript Array 對象的參考圖.png

JavaScript Boolean(布爾)對象 實例
檢查邏輯值

<body>

<script type="text/javascript">
var b1=new Boolean( 0)
var b2=new Boolean(1)
var b3=new Boolean("")
var b4=new Boolean(null)
var b5=new Boolean(NaN)
var b6=new Boolean("false")

document.write("0 是邏輯的 "+ b1 +"<br />")  // 0 是邏輯的 false
document.write("1 是邏輯的 "+ b2 +"<br />")  // 1 是邏輯的 true
document.write("空字符串是邏輯的 "+ b3 + "<br />")  // 空字符串是邏輯的 false
document.write("null 是邏輯的 "+ b4+ "<br />")  // null 是邏輯的 false
document.write("NaN 是邏輯的 "+ b5 +"<br />")  // NaN 是邏輯的 false
document.write("字符串 'false' 是邏輯的 "+ b6 +"<br />")  // 字符串 'false' 是邏輯的 true
</script>

</body>

參閱:JavaScript Boolean 對象的參考手冊搀玖。
toSource() 方法返回表示對象源代碼的字符串。
語法object.toSource()

提示和注釋
注釋:該方法在 Internet Explorer 中無效芳来。
下面的例子向您展示 toSource() 方法的用法:

<script type="text/javascript">
function employee(name,job,born)
{
this.name=name;
this.job=job;
this.born=born;
}
var bill=new employee("Bill Gates","Engineer",1985);
document.write(bill.toSource());
</script>

輸出:({name:"Bill Gates", job:"Engineer", born:1985})

toString() 方法可把一個邏輯值轉(zhuǎn)換為字符串猜拾,并返回結(jié)果。
語法booleanObject.toString()

提示和注釋
如果調(diào)用該方法的對象不是 Boolean挎袜,則拋出異常 TypeError盯仪。
注釋:在 Boolean 對象被用于字符串環(huán)境中時,此方法會被自動調(diào)用全景。

<script type="text/javascript">

 var boo = new Boolean(true)
document.write(boo.toString())

</script>

輸出:true
valueOf() 方法可返回 Boolean 對象的原始值蚪燕。
語法booleanObject.valueOf()

拋出
如果調(diào)用該方法的對象不是 Boolean奔浅,則拋出異常 TypeError诗良。

<script type="text/javascript">

var boo = new Boolean(false)
document.write(boo.valueOf())

</script>

輸出:false

JavaScript Math(算數(shù)對象)實例
使用 round()對數(shù)字進行舍入

<body>

<script type="text/javascript">

document.write(Math.round(0.60) + "<br />")    // 1
document.write(Math.round(0.50) + "<br />")    // 1
document.write(Math.round(0.49) + "<br />")    // 0
document.write(Math.round(-4.40) + "<br />")   // -4
document.write(Math.round(-4.60))              // -5

</script>

</body>

使用 random()來返回 0 到 1 之間的隨機數(shù)

<body>

<script type="text/javascript">

document.write(Math.random())

</script>

</body>

使用 max() 來返回兩個給定的數(shù)中的較大的數(shù)

<body>

<script type="text/javascript">

document.write(Math.max(5,7) + "<br />")      // 7
document.write(Math.max(-3,5) + "<br />")     // 5
document.write(Math.max(-3,-5) + "<br />")    // -3
document.write(Math.max(7.25,7.30))           // 7.3

</script>

</body>

使用 min() 來返回兩個給定的數(shù)中的較小的數(shù)

<body>

<script type="text/javascript">

document.write(Math.min(5,7) + "<br />")    // 5
document.write(Math.min(-3,5) + "<br />")   // -3
document.write(Math.min(-3,-5) + "<br />")  // -5
document.write(Math.min(7.25,7.30))         // 7.25

</script>

</body>

參閱:JavaScript Math 對象的參考手冊鉴裹。

JavaScript Math 對象的參考圖.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末径荔,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子狈惫,更是在濱河造成了極大的恐慌鹦马,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,084評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件菱肖,死亡現(xiàn)場離奇詭異旭从,居然都是意外死亡,警方通過查閱死者的電腦和手機退疫,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,623評論 3 392
  • 文/潘曉璐 我一進店門摹闽,熙熙樓的掌柜王于貴愁眉苦臉地迎上來褐健,“玉大人,你說我怎么就攤上這事舵匾∷唬” “怎么了?”我有些...
    開封第一講書人閱讀 163,450評論 0 353
  • 文/不壞的土叔 我叫張陵吵血,是天一觀的道長。 經(jīng)常有香客問我钱贯,道長侦另,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,322評論 1 293
  • 正文 為了忘掉前任弃锐,我火速辦了婚禮殿托,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘浇辜。我一直安慰自己唾戚,他們只是感情好,可當我...
    茶點故事閱讀 67,370評論 6 390
  • 文/花漫 我一把揭開白布熊镣。 她就那樣靜靜地躺著募书,像睡著了一般。 火紅的嫁衣襯著肌膚如雪鬼吵。 梳的紋絲不亂的頭發(fā)上篮赢,一...
    開封第一講書人閱讀 51,274評論 1 300
  • 那天启泣,我揣著相機與錄音,去河邊找鬼寥茫。 笑死,一個胖子當著我的面吹牛芭梯,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播胰耗,決...
    沈念sama閱讀 40,126評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼芒涡,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了赠群?” 一聲冷哼從身側(cè)響起旱幼,我...
    開封第一講書人閱讀 38,980評論 0 275
  • 序言:老撾萬榮一對情侶失蹤柏卤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后缘缚,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體桥滨,經(jīng)...
    沈念sama閱讀 45,414評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,599評論 3 334
  • 正文 我和宋清朗相戀三年蒲每,在試婚紗的時候發(fā)現(xiàn)自己被綠了喻括。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,773評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡望蜡,死狀恐怖刁品,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤兜挨,帶...
    沈念sama閱讀 35,470評論 5 344
  • 正文 年R本政府宣布,位于F島的核電站拌汇,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏噪舀。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,080評論 3 327
  • 文/蒙蒙 一界逛、第九天 我趴在偏房一處隱蔽的房頂上張望纺座。 院中可真熱鬧,春花似錦少欺、人聲如沸馋贤。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,713評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽扰付。三九已至,卻和暖如春实昨,著一層夾襖步出監(jiān)牢的瞬間盐固,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,852評論 1 269
  • 我被黑心中介騙來泰國打工志电, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留蛔趴,地道東北人。 一個月前我還...
    沈念sama閱讀 47,865評論 2 370
  • 正文 我出身青樓鱼蝉,卻偏偏與公主長得像,于是被迫代替她去往敵國和親渔隶。 傳聞我的和親對象是個殘疾皇子洁奈,可洞房花燭夜當晚...
    茶點故事閱讀 44,689評論 2 354

推薦閱讀更多精彩內(nèi)容

  • 第5章 引用類型(返回首頁) 本章內(nèi)容 使用對象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學一百閱讀 3,233評論 0 4
  • 1. Java基礎部分 基礎部分的順序:基本語法,類相關(guān)的語法谤祖,內(nèi)部類的語法掂碱,繼承相關(guān)的語法,異常的語法喉钢,線程的語...
    子非魚_t_閱讀 31,625評論 18 399
  • 孩子税课,你知道嗎韩玩?我媽媽好面兒,每次帶我出去總能讓我“坐有坐相找颓,站有站相,吃有吃相佛析”肱睿”見了陌生人要叫叔叔阿姨哥哥姐姐...
    怪阿姨C閱讀 786評論 2 4
  • 今天在康康呆了一天,原因香江停水膘茎,康康又沒有美容師,本來約了兩個辽狈,又加約了三個呛牲,外加幾個做單項的,著實忙的衛(wèi)生間都...
    冰咋吃閱讀 116評論 0 3
  • 周五沒更新着茸,是總覺得累琐旁,一覺沒睡醒就到8點了。去上班敬特,覺得自己走路都是飄的牺陶,進實驗室就頭暈,那還是我第一次進實驗室...
    靜靜diary閱讀 163評論 0 0