js console.log打印對(duì)像與數(shù)組用法詳解
本文實(shí)例講述了js console.log打印對(duì)像與數(shù)組用法。分享給大家供大家參考，具體如下：
console.log是什么東西，其實(shí)就是一個(gè)打印js數(shù)組和對(duì)像的函數(shù)而已，就像是php的print_r,var_dump。console.log這個(gè)函數(shù)本身沒(méi)什么好說(shuō)的，這篇博客告訴大家怎么去用這個(gè)函數(shù)。在說(shuō)這個(gè)函數(shù)之前，我想大家用的最多查看js輸出，是alert吧，但是alert，只能彈string或者是int的
一、測(cè)試文件test.html
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>console.log test</title>
</head>
<script type="text/javascript">
var testobj =
{
'id': 1,
'content': 'test',
'firstname': function() {
document.getElementById('firstname').value = "zhang";
},
'lastname': function() {
document.getElementById('lastname').value = "ying";
}
};
<!-- 打印對(duì)像 -->
console.log(testobj);
</script>
<body>
<input type="text" id='firstname' name="firstname" value=''>
<input type="text" id='lastname' name='lastname' value=''>
</body>
</html>
二、chrome 開(kāi)發(fā)工具查看js對(duì)像
console chrome
現(xiàn)在chrome開(kāi)發(fā)者工具和firebug，我用的時(shí)候，一半對(duì)一半。chrome開(kāi)發(fā)者工具，還有一個(gè)功能，firebug不具有.
控制臺(tái)可以運(yùn)行js，如果這個(gè)頁(yè)面是iframe的話，firebug只能運(yùn)行在父級(jí)上面，而chrome可以選擇里面的頁(yè)面執(zhí)行，如果下圖
chrome iframe console
三、firebug查看js對(duì)像
firebug console
更多關(guān)于JavaScript數(shù)組相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript數(shù)組操作技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- js console.log打印對(duì)象時(shí)屬性缺失的解決方法
- JavaScript 輸出顯示內(nèi)容(document.write、alert、innerHTML、console.log)
- javascript代碼調(diào)試之console.log 用法圖文詳解
- JS中捕獲console.log()輸出的方法
- node.js中的console.log方法使用說(shuō)明
- js調(diào)試工具console.log()方法查看js代碼的執(zhí)行情況
- JavaScript調(diào)試技巧之console.log()詳解
- javascript的console.log()用法小結(jié)
- 如何使用JS console.log()技巧提高工作效率
相關(guān)文章
JS自定義函數(shù)實(shí)現(xiàn)時(shí)間戳轉(zhuǎn)換成date的方法示例
這篇文章主要介紹了JS自定義函數(shù)實(shí)現(xiàn)時(shí)間戳轉(zhuǎn)換成date的方法,結(jié)合具體實(shí)例形式分析了javascript時(shí)間戳與日期格式的計(jì)算與轉(zhuǎn)換相關(guān)操作技巧,需要的朋友可以參考下2017-08-08
用JavaScript編寫(xiě)出來(lái)的COM組件稱為WSC。WSC即Windows腳本組件（Windows Scripting Component），是Microsoft COM的一個(gè)新技術(shù)，可以通過(guò)易于使用的腳本語(yǔ)言來(lái)創(chuàng)建。2009-03-03
微信小程序天氣預(yù)報(bào)功能實(shí)現(xiàn)(支持自動(dòng)定位,附源碼)
對(duì)于一個(gè)經(jīng)常出門在外的人,關(guān)注天氣是至關(guān)重要的,下面這篇文章主要給大家介紹了關(guān)于微信小程序天氣預(yù)報(bào)功能實(shí)現(xiàn)的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),支持自動(dòng)定位,需要的朋友可以參考下2022-04-04
Javascript創(chuàng)建Silverlight Plugin以及自定義nonSilverlight和lowSilverl
我們?cè)谑褂肰isual Studio IDE創(chuàng)建Silverlight工程時(shí)，默認(rèn)情況下都會(huì)自動(dòng)生成一個(gè)用于調(diào)試和預(yù)覽Silverlight的Web工程，該工程包含了html和aspx頁(yè)面，以及Silverlight.js腳本文件。2010-06-06
javascript編寫(xiě)簡(jiǎn)易計(jì)算器
這篇文章主要為大家詳細(xì)介紹了javascript編寫(xiě)簡(jiǎn)易計(jì)算器的相關(guān)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
完美解決IE9瀏覽器出現(xiàn)的對(duì)象未定義問(wèn)題
下面小編就為大家?guī)?lái)一篇完美解決IE9瀏覽器出現(xiàn)的對(duì)象未定義問(wèn)題。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧，祝大家游戲愉快哦2016-09-09
這篇文章主要介紹了JS版微信6.0分享接口用法,結(jié)合實(shí)例形式分析了JS版微信6.0分享功能原理、接口調(diào)用方法與相關(guān)使用注意事項(xiàng),需要的朋友可以參考下2016-10-10
這篇文章主要介紹了promise封裝wx.request的方法,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-05-05
js實(shí)現(xiàn)的簡(jiǎn)練高效拖拽功能示例
這篇文章主要介紹了js實(shí)現(xiàn)的簡(jiǎn)練高效拖拽功能,通過(guò)對(duì)js鼠標(biāo)事件的擴(kuò)展實(shí)現(xiàn)拖拽效果,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2016-12-12
此方法大大提高了 innerHTML 在 Firefox 和 Safari 上的性能。replaceHtml() 在 Firefox 2.0.0.6 里 destroy 與 replace 的速度各快了 473 倍以及 50 倍。而在 Safari 3.0.3 beta 上則是 create 100 倍，replace 50 倍。2008-03-03