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ù)本身沒什么好說的，這篇博客告訴大家怎么去用這個(gè)函數(shù)。在說這個(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 開發(fā)工具查看js對(duì)像
console chrome
現(xiàn)在chrome開發(fā)者工具和firebug，我用的時(shí)候，一半對(duì)一半。chrome開發(fā)者工具，還有一個(gè)功能，firebug不具有.
控制臺(tái)可以運(yùn)行js，如果這個(gè)頁面是iframe的話，firebug只能運(yùn)行在父級(jí)上面，而chrome可以選擇里面的頁面執(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方法使用說明
- js調(diào)試工具console.log()方法查看js代碼的執(zhí)行情況
- JavaScript調(diào)試技巧之console.log()詳解
- javascript的console.log()用法小結(jié)
- 如何使用JS console.log()技巧提高工作效率
相關(guān)文章
基于JS實(shí)現(xiàn)橫線提示輸入驗(yàn)證碼隨驗(yàn)證碼輸入消失(js驗(yàn)證碼的實(shí)現(xiàn))
最近在開微信的頁面，在項(xiàng)目需求中遇到之前沒有做過的功能，要求橫線提示輸入驗(yàn)證碼隨驗(yàn)證碼輸入橫線消失，基于js怎么實(shí)現(xiàn)的呢？下面小編給大家分享基于js實(shí)現(xiàn)驗(yàn)證碼功能，感興趣的朋友一起看看吧2016-10-10
javascript的parseFloat()方法精度問題探討
javascript中的parseFloat()方法，大家應(yīng)該不陌生吧，下面為大家介紹下其精度問題，感興趣的朋友不要錯(cuò)過2013-11-11
Flutter 超實(shí)用簡單菜單彈出框 PopupMenuButton功能
這篇文章主要介紹了Flutter 超實(shí)用簡單菜單彈出框 PopupMenuButton功能，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-08-08
JS冷知識(shí)之不起眼但有用的String.raw方法
String.raw是JavaScript中模板字符串的一個(gè)標(biāo)簽函數(shù)，它的作用是將模板字符串不轉(zhuǎn)義的原始字符串內(nèi)容返回，接下來通過本文給大家介紹JS冷知識(shí)之不起眼但有用的String.raw方法,需要的朋友可以參考下2022-06-06
這篇文章主要為大家詳細(xì)介紹了javascript canvas檢測(cè)小球碰撞，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-04-04
這篇文章主要介紹了原生js實(shí)現(xiàn)form表單序列化的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-08-08
JS控件autocomplete 0.11演示及下載 1月5日已更新
JS控件autocomplete 0.11演示及下載 1月5日已更新...2007-01-01
這篇文章主要介紹了JS未跨域操作iframe里的DOM 的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06
詳解JavaScript如何有效取消HTTP請(qǐng)求
在Web開發(fā)中,取消HTTP請(qǐng)求是一項(xiàng)關(guān)鍵任務(wù),所以本文為大家介紹了如何使用XMLHttpRequest、Fetch和Axios這三種常用的HTTP請(qǐng)求方式來實(shí)現(xiàn)取消請(qǐng)求的功能,需要的可以參考下2023-09-09
詳解JavaScript如何實(shí)現(xiàn)異步并發(fā)任務(wù)控制器
實(shí)現(xiàn)一個(gè)控制并發(fā)數(shù)的任務(wù)隊(duì)列?、實(shí)現(xiàn)一個(gè)異步并發(fā)任務(wù)控制器，這已經(jīng)是非常經(jīng)典的手寫題目了，因?yàn)槠渲猩婕?異步?和?并發(fā)?的內(nèi)容，所以本文就來講講到底如何實(shí)現(xiàn)呢2023-05-05