js如何打印object對(duì)象

zhaofeihao 發(fā)布于2019-08-20 15:27 / 1950人閱讀

摘要：調(diào)試中經(jīng)常會(huì)碰到輸出的內(nèi)容是對(duì)象而無(wú)法打印的時(shí)候，光靠只能打印出標(biāo)示，卻不能打印出來(lái)里面的內(nèi)容，甚是不方便，于是各方面整理總結(jié)了如下一個(gè)函數(shù)，能夠?qū)?shù)組或者對(duì)象這類的結(jié)果一一打印出來(lái)，具體代碼如下另外當(dāng)你需要將對(duì)象轉(zhuǎn)換為字符串。

js調(diào)試中經(jīng)常會(huì)碰到輸出的內(nèi)容是對(duì)象而無(wú)法打印的時(shí)候，光靠alert只能打印出object標(biāo)示，卻不能打印出來(lái)里面的內(nèi)容，甚是不方便，于是各方面整理總結(jié)了如下一個(gè)函數(shù)，能夠?qū)?shù)組或者對(duì)象這類的結(jié)果一一打印出來(lái)，具體代碼如下：

function writeObj(obj){ 
 var description = ""; 
 for(var i in obj){ 
 var property=obj[i]; 
 description+=i+" = "+property+"
"; 
 } 
 alert(description); 
}

另外當(dāng)你需要將object對(duì)象轉(zhuǎn)換為string字符串。

有下面這個(gè)函數(shù)就好了，可以將其轉(zhuǎn)化為字符串類型，然后就可以打印出來(lái)了，具體代碼如下：

function obj2string(o){

 var r=[]; 
 if(typeof o=="string"){ 
 return """+o.replace(/([""])/g,"$1").replace(/(
)/g,"
").replace(/(
) /g,"
").replace(/(	) /g,"	")+"""; 
 } 
 if(typeof o=="object"){ 
 if(!o.sort){ 
  for(var i in o){ 
  r.push(i+":"+obj2string(o[i])); 
  } 
  if(!!document.all&&!/^
?functions*toString()s*{
?s*[native code]
?s*}
?s*$/.test(o.toString)){ 
  r.push("toString:"+o.toString.toString()); 
  } 
  r="{"+r.join()+"}"; 
 }else{ 
  for(var i=0;i

云服務(wù)器 GPU云服務(wù)器 js打印object js怎么打印一個(gè)對(duì)象 Object對(duì)象 js如何存儲(chǔ)對(duì)象

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/82258.html

相關(guān)文章

JS中那些擰巴的概念-原型

摘要：測(cè)試目錄在文件中引入文件以下所有文件都在中玩原型構(gòu)造器一說(shuō)到原型一定和對(duì)象直接相關(guān)。的概念應(yīng)該理解的差不多了，下面我們?cè)僭鞄讉€(gè)構(gòu)造器作為練習(xí)。將構(gòu)造器中的方法拷貝到實(shí)例化的對(duì)象當(dāng)中。測(cè)試目錄: showImg(https://segmentfault.com/img/bV3Vlm?w=165&h=88); 在html文件中引入js文件 showImg(https://segmentf...

mengera88 2019-08-26 11:47 評(píng)論0 收藏0
如何繼承Date對(duì)象？由一道題徹底弄懂JS繼承。

摘要：前言見(jiàn)解有限，如有描述不當(dāng)之處，請(qǐng)幫忙及時(shí)指出，如有錯(cuò)誤，會(huì)及時(shí)修正。倘若用的是中文搜索。所以最終的實(shí)例對(duì)象仍然能進(jìn)行正常的原型鏈回溯，回溯到原本的所有原型方法這樣通過(guò)一個(gè)巧妙的欺騙技巧，就實(shí)現(xiàn)了完美的繼承。前言見(jiàn)解有限，如有描述不當(dāng)之處，請(qǐng)幫忙及時(shí)指出，如有錯(cuò)誤，會(huì)及時(shí)修正。 20180201更新：修改用詞描述，如組合寄生式改成寄生組合式，修改多處筆誤（感謝@Yao Ding的...

sunnyxd 2019-08-22 13:50 評(píng)論0 收藏0
面向對(duì)象的 JavaScript

摘要：是完全的面向?qū)ο笳Z(yǔ)言，它們通過(guò)類的形式組織函數(shù)和變量，使之不能脫離對(duì)象存在。而在基于原型的面向?qū)ο蠓绞街?，?duì)象則是依靠構(gòu)造器利用原型構(gòu)造出來(lái)的。 JavaScript 函數(shù)式腳本語(yǔ)言特性以及其看似隨意的編寫風(fēng)格，導(dǎo)致長(zhǎng)期以來(lái)人們對(duì)這一門語(yǔ)言的誤解，即認(rèn)為 JavaScript 不是一門面向?qū)ο蟮恼Z(yǔ)言，或者只是部分具備一些面向?qū)ο蟮奶卣?。本文將回歸面向?qū)ο蟊疽?，從?duì)語(yǔ)言感悟的角度闡述為什...

novo 2019-08-21 10:49 評(píng)論0 收藏0
JavaScript 進(jìn)階問(wèn)題列表，你掌握了多少？

摘要：在第四次調(diào)用時(shí)，回調(diào)函數(shù)依然沒(méi)有返回值。累加器再次為，當(dāng)前值為。經(jīng)常寫業(yè)務(wù)就容易忽視對(duì)基礎(chǔ)知識(shí)的補(bǔ)充和加強(qiáng)，但在面試中，基礎(chǔ)知識(shí)點(diǎn)是非常重要的考核部分。本文要分享的是，一位開(kāi)發(fā)者每天都會(huì)發(fā)布的 JavaScript 問(wèn)題。有的容易，有的會(huì)有難度，對(duì)基礎(chǔ)知識(shí)的查缺補(bǔ)漏非常有幫助，也是你進(jìn)階路上必然要掌握的知識(shí)。以下挑選了10個(gè)問(wèn)題，緊跟其后的就是對(duì)這道題的詳細(xì)解答。如果你想看所有的題...

ethernet 2019-08-26 18:36 評(píng)論0 收藏0
js深入（一）從原型理解原型鏈

摘要：構(gòu)造函數(shù)創(chuàng)建一個(gè)對(duì)象上邊這個(gè)例子，我們通過(guò)構(gòu)造函數(shù)創(chuàng)建了一個(gè)實(shí)例，從這個(gè)實(shí)例到他的原型到最后得，他們之間得關(guān)系，就形成了一個(gè)原型鏈和首先上邊這個(gè)例子里邊，我們聲明了一個(gè)構(gòu)造函數(shù)，在后再這個(gè)構(gòu)造函數(shù)里邊有一個(gè)的屬性。構(gòu)造函數(shù)創(chuàng)建一個(gè)對(duì)象 function Person() { } var person = new Person(); person.name = zhangsan; c...

馬忠志 2019-08-23 18:34 評(píng)論0 收藏0