詳細(xì)談?wù)刯avascript的對象
javascript中有很多對象內(nèi)容，挑幾個感覺用的比較多的講解。
在網(wǎng)上學(xué)習(xí)一些和看javascript的學(xué)習(xí)手冊。
如果要這個手冊的可以留言，看到了我就發(fā)給你。恩，接下來總結(jié)一下我自己對象進(jìn)階之路。
1.對象：
(1)javascript中的所有事件都是對象：字符串、數(shù)組、函數(shù).....
(2)每個對象帶有屬性和方法。
(3)JS允許自定義對象。
2.自定義對象 ：
(1)定義并創(chuàng)建對象實(shí)例。
(2)使用函數(shù)來定義對象，然后創(chuàng)建新的對象實(shí)例。
例（針對2-（1））：
方法1：
<script>
people=new Object();
people.name="顏小媛";
people.age="18";
document.write("name:"+people.name+",age:"+people.age);
</script>
結(jié)果：界面打印出name:顏小媛，age：18
方法2：
<script>
people=new Object();
people={
name:"顏小媛"，
age:18
}
document.write("name:"+people.name+",age:"+people.age);
</script>
結(jié)果：界面打印出name:顏小媛，age：18
例（針對2-（2））：
<script>
function people(name,age){
this.name=name;
this.age=age;
}
son=new people("顏小媛"，18);
document.write("name:"+son.name+",age:"+son.age);
</script>
結(jié)果：界面打印出name:顏小媛，age:18
string字符串對象
1.string對象：
string對象用于處理已有的字符串；字符串可以使用單引號或雙引號【擴(kuò)：混合使用避免沖突。】。
2.一些屬性的演示：
（1）在字符串中查找字符串：indexOf()
例（針對2-（1））：
<script>
var str="hello world";
document.write("字符串："+str.length+"<br/>");
document.write(“world的位置：”+str.indexOf("world")+"<br/>");
document.write(“l(fā)lllll的位置”str.indexOf("llllll"));
</script>
結(jié)果：界面打印出字符串：11
world的位置：6
lllllll的位置：-1
（2）內(nèi)容匹配：match()
例（針對2-（2））：
<script>
var str="hello world";
document.write(str.match("world"));
document.write(str.match("lllllll"));
</script>
結(jié)果：界面打印出 world null
（3）替換內(nèi)容：replace（）
例(針對2-（3）)：
<script>
var str="hello world";
document.write(str.replace("world","123"));
</script>
結(jié)果：界面打印出hello 123
（4）字符串大寫轉(zhuǎn)換：toUpperCase() / toLowerCase()
例（針對2-(4)）:
<script>
var str="hello world";
document.write(str.toUpperCase());
</script>
結(jié)果：界面打印出HELLO WORLD
(5)字符串轉(zhuǎn)為數(shù)組：split()
例（針對2-(5)）:
<script>
var str1="hello,jjj,lll,kkk";
var s=str1.split(",");//以逗號作為分隔符
document.write(s[1]);
</script>
結(jié)果：界面打印jjj
----------------------------------------------------
Date日期對象
1.Date對象：
日期對象用于處理日期和時間。
2.獲得當(dāng)日的日期。
3.一些常用的方法：
（1）getFullYear():獲取年份。
（2）getTime():獲取毫秒。
（3）setFullYear():設(shè)置具體的日期。
（4）getDay():獲取星期。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
例（針對3）：
<script>
var date = new Date();
document.write(date+"<br/>");
document.write(date.getFullYear()+"<br/>");
document.write(date.getTime()+"<br/>");
document.write(date.getDay()+"<br/>");
date.setFullYear(2010,1,1);
document.write(date);
</script>
結(jié)果：
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
4.時鐘實(shí)例：
<html>
<head>
<script >
function startTime(){
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
m=checkTime(m);
s=checkTime(s);
document.getElementById('txt').innerHTML=h+":"+m+":"+s;
t=setTimeout('startTime()',500);//等同于t=setTimeout(function(){starTime;},500)
}
function checkTime(i) {
if (i<10) {
i="0" + i;
}
return i
}
</script>
</head>
<body onload="startTime()">
<div id="txt"></div>
</body>
</html>
結(jié)果：動態(tài)的顯示時間
Array對象：
1.Array對象：
使用單獨(dú)的變量來存儲一系列的值。
2.數(shù)組的創(chuàng)建：
例：var myArray=["kkk","ddd","ddddd"];
3.數(shù)組的訪問：
通過指定數(shù)組名以及索引號碼，你可以訪問某個特定的元素。
【注意：[0]是數(shù)組第一個元素，以此類推。】
4.數(shù)組常用的方法：
（1）concat():合并數(shù)組。
（2）sort():排序。
（3）push():末尾追加元素。
（4）reverse():數(shù)組元素翻轉(zhuǎn)。
例（針對4-（1））：
<script>
var a=["aa","bb"];
var b=["cc","dd"];
var c=a.concat(b);
document.write(c);
</script>
結(jié)果：界面打印出 aa bb cc dd
例（針對4-（2））：
<script>
var a=["a","c","d","t","b","e"];
document.write(a.sort());
</script>
結(jié)果：界面打印出a b c e d t
【擴(kuò)展】
<script>
var a=["5","2","3","4","1"];
document.write(a.sort(function(a,b){return b-a;}))
</script>
結(jié)果：界面打印出54321.（ps：因?yàn)閎-a是倒序排列）。
例（針對4-（3））:
<script>
var a=["a","b"];
a.push(c);
document.write(a);
</script>
結(jié)果：打印出abc
例（針對4-（4））：
<script>
var a=["c","b","a"];
document.write(a.reverse());
</script>
結(jié)果：打印出abc
Math對象：
1.Match對象：
執(zhí)行常見的算數(shù)任務(wù)。
2.常見方法：
（1）round():四舍五入。
（2）random():返回0~1之間的隨機(jī)數(shù)。
（3）max():返回最高值。
（4）min():返回最小值。
（5）abs():返回絕對值。
例（針對2-（1））：
document.write(Math.round(2.5));
結(jié)果：界面打印出3
例（針對2-（2））：
document.write(Math.randow());
結(jié)果:界面隨機(jī)打印出0~1的一個數(shù)。
document.write(Math.randow()*10);
結(jié)果：界面隨機(jī)打印出1~10的一個數(shù)。
document.write(parseInt(Math.randow()));
結(jié)果：界面隨機(jī)打印出0~1的一個數(shù)，并且這個數(shù)是整數(shù)。
例（針對2-（3））：
document.write(Math.max(10,20,3,90));
結(jié)果：界面打印出最大值90.
例（針對2-（4））：
document.write(Math.min(12,0,2,3,4));
結(jié)果：界面打印出最小值0.
例（針對2-（5））：
document.write(Math.abs(-10));
結(jié)果：界面打印出10.
相關(guān)文章
這篇文章主要介紹了JavaScript中的Math.E屬性使用詳解,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了JS的框架Polymer中的dom-if和is屬性使用說明,Polymer是Google開發(fā)的一款JavaScript框架,需要的朋友可以參考下2015-07-07
js 實(shí)現(xiàn)復(fù)制到粘貼板的功能代碼
主要是用到了 window.clipboardData.setData("Text",copyText);2010-05-05
這篇文章主要介紹了JavaScript基礎(chǔ)函數(shù)整理匯總,需要的朋友可以參考下2015-01-01
本篇文章給大家詳細(xì)分析了JS中Map和ForEach的區(qū)別以及用法上的不同之處，對此有興趣的朋友參考學(xué)習(xí)下吧。2018-02-02
Javascript模塊化編程(一)AMD規(guī)范(規(guī)范使用模塊)
這個系列的第一部分介紹了Javascript模塊的基本寫法，今天介紹如何規(guī)范地使用模塊,先想一想，為什么模塊很重要？接下來為您詳細(xì)介紹，感興趣的朋友可以了解下啊2013-01-01
ECMAScript6的新特性箭頭函數(shù)（Arrow Function）詳細(xì)介紹
這篇文章主要介紹了ECMAScript6的新特性箭頭函數(shù)（Arrow Function）詳細(xì)介紹,ECMAScript6其實(shí)就是JavaScript,它的新特性就是JS的新特性,引入只是時間問題,需要的朋友可以參考下2014-06-06
解決 firefox 不支持 document.all的方法
解決 firefox 不支持 document.all的方法...2007-03-03
這篇文章主要介紹了js的Map函數(shù)使用方法詳解,需要的朋友可以參考下2022-01-01
深入理解JavaScript系列（19）：求值策略(Evaluation strategy)詳解
這篇文章主要介紹了深入理解JavaScript系列（19）：求值策略(Evaluation strategy)詳解,本文講解了一般理論、按值傳遞、按引用傳遞、按共享傳遞（Call by sharing）、按共享傳遞是按值傳遞的特例等內(nèi)容,需要的朋友可以參考下2015-03-03