JavaScript 基礎(chǔ)篇之對象、數(shù)組使用介紹(三)
更新時間:2012年04月07日 02:05:46 作者:
對象我們在前面也簡單介紹過,它是一種將多個數(shù)據(jù)值集中在一個單元的東西,使用名字來存取,它是一個無序的屬性集合
Javascript:對象
對象我們在前面也簡單介紹過,它是一種將多個數(shù)據(jù)值集中在一個單元的東西,使用名字來存取,它是一個無序的屬性集合。
1、創(chuàng)建對象的幾種方式
var empty = {} //創(chuàng)建一個沒有屬性的對象。
var person = {name:"ben",age:22,sex:'男'}//使用直接量創(chuàng)建對象
var people = {{name:'Frank',age:21},{name:'Mary',age:21},sex:'MAN'}// 對象的元素可以是對象
2、對象屬性
var person = {}; //創(chuàng)建一個對象
person.name = "Frank"; //添加屬性
person.country = "china";
person.age = 22;
person.american = new Object(); //這個屬性是個對象
person.american.name = "Lisa";
person.american.country = "American";
person.american.age = 20;
function displayperson(personmore) //打印上面的對象
{
for(var p in personmore) //枚舉循環(huán)
{
if(typeof(personmore[p]) == "object")//判斷類型
{
for(var o in personmore[p])
{
document.write("American people :" +o+"\t" +personmore[p][o]+"<br />");
}
document.write("<br />");
continue;//結(jié)束本次循環(huán),進行下一次循環(huán).
document.write("china people :"+ p+"\t" + personmore[p] +"<br />");
}
}
displayperson(person);//調(diào)用函數(shù)
//輸出china people :name Frank
//china people :country china
//china people :age 22
//American people :name Lisa
//American people :country American
//American people :age 20
3、刪除屬性
使用delete運算符
delete person.american;//就可以自己刪除對象的屬性
delete 是不能刪除對象的。
4、hasOwnProperty()方法和isPrototypeOf()方法
其實這兩個方法,在這里說初學(xué)的朋友可能會和我當(dāng)時學(xué)到這里一樣,看不懂,但是沒關(guān)系,可以跳過去,到時候我們學(xué)到繼承的時候你在回頭看看,
就明白了。
4.1:hasOwnProperty()方法,如果對象用一個單獨字符串參數(shù)所指定的名字來本地定義一個非繼承的屬性,就返回true。否則返回false。
function House(price,area,developers)
{
this.price = price;
this.area = area;
this.developers = developers;
}
House.prototype.housevalue = function(){return this.price*this.area;}
function HouseSon(price,area,developers,city)
{
House.call(this,price,area,developers);
this.city = city;
}
HouseSon.prototype = new House(10000,80,"vanke");//獲取House的屬性
delete HouseSon.prototype.price;//刪除
delete HouseSon.prototype.area;
delete HouseSon.prototype.developers;
HouseSon.prototype.container = function(){return "container" + this.price * this.area;}
for(var i in HouseSon.prototype)
{
document.write(i+"<br />");
}
var house = new HouseSon(20000,180,"vanke","shenzhen");
document.write(house.container()+"<br />");
document.write(house.housevalue()+"<br />");
document.write(house.hasOwnProperty("housevalue")+"<br />");//這是原型
document.write(house.hasOwnProperty("price")+"<br />");//本地
Javascript:數(shù)組
數(shù)組是一個有序的集合,每個元素在數(shù)組中都有一個數(shù)字化的位置,可以使用小標(biāo)訪問,由于javascript是一種非數(shù)據(jù)類型的語言,所以里面可以包涵不同類型。
1、數(shù)組的創(chuàng)建
var array = [] //不包涵任何元素的數(shù)組
var person = ["Frank",22,'男 '];//帶不同元素的數(shù)組
var value = 100;
var num = [value+12,value-23,value*2];//支持表達(dá)式
//當(dāng)然還有使用Array來創(chuàng)建,可以有不同類型的參數(shù),可以是對象,數(shù)組等。
2、數(shù)組的添加,刪除,遍歷。
由于添加,遍歷都比較簡單,就不舉例說明,但是這么還是說說刪除吧!
function diaplayarray(arr) //執(zhí)行打印任務(wù)的函數(shù)
{
if(!arr)return;
for(var num =0;num<arr.length;num++)
{
document.write("Num is "+ arr[num]+ "\t");
}
document.write(" "+"<br />");
}
var array = [2,32,14,57,6];
document.write(array.shift()+"<br />"); //刪除數(shù)組中的第一個,返回刪除的值2
document.write(array.pop()+"<br />"); //刪除數(shù)組中的最后一個,返回刪除的值6
document.write(array.join("*")+"<br />");//將數(shù)組元素用*連接返回一個字符串32*14*57
document.write(array.push(100) +"<br />");//添加數(shù)組元素
array.reverse();//顛倒數(shù)組元素順序
diaplayarray(array);//輸出Num is 100 Num is 5 Num is 4 Num is 3
array.splice(1,2,300,600);//從數(shù)組第二個開始刪除(含第二個),到第三個,后面300,600是新插入的值
diaplayarray(array);//輸出Num is 100 Num is 300 Num is 600 Num is 32
小結(jié):同志們辛苦了..........
關(guān)于對象和數(shù)組就介紹到這里吧,接下來我們馬上就要到j(luò)avascript客戶端了。
對象我們在前面也簡單介紹過,它是一種將多個數(shù)據(jù)值集中在一個單元的東西,使用名字來存取,它是一個無序的屬性集合。
1、創(chuàng)建對象的幾種方式
復(fù)制代碼 代碼如下:
var empty = {} //創(chuàng)建一個沒有屬性的對象。
var person = {name:"ben",age:22,sex:'男'}//使用直接量創(chuàng)建對象
var people = {{name:'Frank',age:21},{name:'Mary',age:21},sex:'MAN'}// 對象的元素可以是對象
2、對象屬性
復(fù)制代碼 代碼如下:
var person = {}; //創(chuàng)建一個對象
person.name = "Frank"; //添加屬性
person.country = "china";
person.age = 22;
person.american = new Object(); //這個屬性是個對象
person.american.name = "Lisa";
person.american.country = "American";
person.american.age = 20;
function displayperson(personmore) //打印上面的對象
{
for(var p in personmore) //枚舉循環(huán)
{
if(typeof(personmore[p]) == "object")//判斷類型
{
for(var o in personmore[p])
{
document.write("American people :" +o+"\t" +personmore[p][o]+"<br />");
}
document.write("<br />");
continue;//結(jié)束本次循環(huán),進行下一次循環(huán).
document.write("china people :"+ p+"\t" + personmore[p] +"<br />");
}
}
displayperson(person);//調(diào)用函數(shù)
//輸出china people :name Frank
//china people :country china
//china people :age 22
//American people :name Lisa
//American people :country American
//American people :age 20
3、刪除屬性
使用delete運算符
復(fù)制代碼 代碼如下:
delete person.american;//就可以自己刪除對象的屬性
delete 是不能刪除對象的。
4、hasOwnProperty()方法和isPrototypeOf()方法
其實這兩個方法,在這里說初學(xué)的朋友可能會和我當(dāng)時學(xué)到這里一樣,看不懂,但是沒關(guān)系,可以跳過去,到時候我們學(xué)到繼承的時候你在回頭看看,
就明白了。
4.1:hasOwnProperty()方法,如果對象用一個單獨字符串參數(shù)所指定的名字來本地定義一個非繼承的屬性,就返回true。否則返回false。
復(fù)制代碼 代碼如下:
function House(price,area,developers)
{
this.price = price;
this.area = area;
this.developers = developers;
}
House.prototype.housevalue = function(){return this.price*this.area;}
function HouseSon(price,area,developers,city)
{
House.call(this,price,area,developers);
this.city = city;
}
HouseSon.prototype = new House(10000,80,"vanke");//獲取House的屬性
delete HouseSon.prototype.price;//刪除
delete HouseSon.prototype.area;
delete HouseSon.prototype.developers;
HouseSon.prototype.container = function(){return "container" + this.price * this.area;}
for(var i in HouseSon.prototype)
{
document.write(i+"<br />");
}
var house = new HouseSon(20000,180,"vanke","shenzhen");
document.write(house.container()+"<br />");
document.write(house.housevalue()+"<br />");
document.write(house.hasOwnProperty("housevalue")+"<br />");//這是原型
document.write(house.hasOwnProperty("price")+"<br />");//本地
Javascript:數(shù)組
數(shù)組是一個有序的集合,每個元素在數(shù)組中都有一個數(shù)字化的位置,可以使用小標(biāo)訪問,由于javascript是一種非數(shù)據(jù)類型的語言,所以里面可以包涵不同類型。
1、數(shù)組的創(chuàng)建
復(fù)制代碼 代碼如下:
var array = [] //不包涵任何元素的數(shù)組
var person = ["Frank",22,'男 '];//帶不同元素的數(shù)組
var value = 100;
var num = [value+12,value-23,value*2];//支持表達(dá)式
//當(dāng)然還有使用Array來創(chuàng)建,可以有不同類型的參數(shù),可以是對象,數(shù)組等。
2、數(shù)組的添加,刪除,遍歷。
由于添加,遍歷都比較簡單,就不舉例說明,但是這么還是說說刪除吧!
復(fù)制代碼 代碼如下:
function diaplayarray(arr) //執(zhí)行打印任務(wù)的函數(shù)
{
if(!arr)return;
for(var num =0;num<arr.length;num++)
{
document.write("Num is "+ arr[num]+ "\t");
}
document.write(" "+"<br />");
}
var array = [2,32,14,57,6];
document.write(array.shift()+"<br />"); //刪除數(shù)組中的第一個,返回刪除的值2
document.write(array.pop()+"<br />"); //刪除數(shù)組中的最后一個,返回刪除的值6
document.write(array.join("*")+"<br />");//將數(shù)組元素用*連接返回一個字符串32*14*57
document.write(array.push(100) +"<br />");//添加數(shù)組元素
array.reverse();//顛倒數(shù)組元素順序
diaplayarray(array);//輸出Num is 100 Num is 5 Num is 4 Num is 3
array.splice(1,2,300,600);//從數(shù)組第二個開始刪除(含第二個),到第三個,后面300,600是新插入的值
diaplayarray(array);//輸出Num is 100 Num is 300 Num is 600 Num is 32
小結(jié):同志們辛苦了..........
關(guān)于對象和數(shù)組就介紹到這里吧,接下來我們馬上就要到j(luò)avascript客戶端了。
相關(guān)文章
Javascript new Date().valueOf()的作用與時間戳由來詳解
本篇文章小編為大家介紹,Javascript new Date().valueOf()的作用與時間戳由來詳解。需要的朋友參考下2013-04-04JavaScript展開操作符(Spread operator)詳解
在本篇文章里小編給大家整理的是關(guān)于JavaScript展開操作符(Spread operator)的詳細(xì)介紹以及用法,需要的讀者們參考下。2019-07-07Javascript基礎(chǔ)教程之JavaScript語法
本文是javascript基礎(chǔ)教程的第一篇,給大家?guī)淼氖莏avascript的最基礎(chǔ)的東西--javascript的語法的注意事項,希望大家能夠喜歡2015-01-01JavaScript 學(xué)習(xí)筆記 Black.Caffeine 09.11.28
這兩天終于寫出了一個個人認(rèn)為真正意義上的作業(yè)了,不過,最大感受就是。。。IE太垃圾了。。。so,這個作業(yè)實際上也沒有完成的很完美,因為,在IE上還是有兼容性的問題存在,不錯,就此先自我總結(jié)一下吧~免得以后又忘了~2009-11-11javascript 命名規(guī)則 變量命名規(guī)則
匈牙利命名法是一位微軟程序員發(fā)明的,多數(shù)的C,C++程序都使用此命名法。2010-02-02