欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript 基礎(chǔ)篇之對象、數(shù)組使用介紹(三)

 更新時間:2012年04月07日 02:05:46   作者:  
對象我們在前面也簡單介紹過,它是一種將多個數(shù)據(jù)值集中在一個單元的東西,使用名字來存取,它是一個無序的屬性集合
Javascript:對象
對象我們在前面也簡單介紹過,它是一種將多個數(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 Objects詳解

    Javascript Objects詳解

    在JavaScript中,對象(Objects)是數(shù)據(jù)(變量),屬性和方法。 幾乎“一切”的JavaScript視為對象。日期,數(shù)組,字符串,函數(shù)的…在JavaScript中你也可以創(chuàng)建你自己的對象。
    2014-09-09
  • 實例講解JavaScript預(yù)編譯流程

    實例講解JavaScript預(yù)編譯流程

    在本篇文章里我們給大家分享的是關(guān)于JavaScript預(yù)編譯流程的相關(guān)知識點內(nèi)容,有需要的朋友們學(xué)習(xí)下。
    2019-01-01
  • 詳解JavaScript中Date.UTC()方法的使用

    詳解JavaScript中Date.UTC()方法的使用

    這篇文章主要介紹了詳解JavaScript中Date.UTC()方法的使用,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下
    2015-06-06
  • javascript知識點收藏

    javascript知識點收藏

    javascript知識點收藏...
    2007-02-02
  • Javascript new Date().valueOf()的作用與時間戳由來詳解

    Javascript new Date().valueOf()的作用與時間戳由來詳解

    本篇文章小編為大家介紹,Javascript new Date().valueOf()的作用與時間戳由來詳解。需要的朋友參考下
    2013-04-04
  • JavaScript展開操作符(Spread operator)詳解

    JavaScript展開操作符(Spread operator)詳解

    在本篇文章里小編給大家整理的是關(guān)于JavaScript展開操作符(Spread operator)的詳細(xì)介紹以及用法,需要的讀者們參考下。
    2019-07-07
  • JavaScript中的跨瀏覽器事件操作的基本方法整理

    JavaScript中的跨瀏覽器事件操作的基本方法整理

    首先值得說一下,在事件處理、事件對象、阻止事件的傳播等方法或?qū)ο蟠嬖谥鵀g覽器兼容性問題,開發(fā)過程中最好編寫成一個通用的事件處理工具,嗯,接下來我們一起來看一下JavaScript中的跨瀏覽器事件操作的基本方法整理
    2016-05-05
  • Javascript基礎(chǔ)教程之JavaScript語法

    Javascript基礎(chǔ)教程之JavaScript語法

    本文是javascript基礎(chǔ)教程的第一篇,給大家?guī)淼氖莏avascript的最基礎(chǔ)的東西--javascript的語法的注意事項,希望大家能夠喜歡
    2015-01-01
  • JavaScript 學(xué)習(xí)筆記 Black.Caffeine 09.11.28

    JavaScript 學(xué)習(xí)筆記 Black.Caffeine 09.11.28

    這兩天終于寫出了一個個人認(rèn)為真正意義上的作業(yè)了,不過,最大感受就是。。。IE太垃圾了。。。so,這個作業(yè)實際上也沒有完成的很完美,因為,在IE上還是有兼容性的問題存在,不錯,就此先自我總結(jié)一下吧~免得以后又忘了~
    2009-11-11
  • javascript 命名規(guī)則 變量命名規(guī)則

    javascript 命名規(guī)則 變量命名規(guī)則

    匈牙利命名法是一位微軟程序員發(fā)明的,多數(shù)的C,C++程序都使用此命名法。
    2010-02-02

最新評論