快捷導(dǎo)航

js console.log打印對(duì)像與數(shù)組用法詳解

更新時(shí)間：2016年01月21日 11:51:53 作者：張映

這篇文章主要介紹了js console.log打印對(duì)像與數(shù)組用法,結(jié)合實(shí)例形式較為詳細(xì)的分析了js使用console.log實(shí)現(xiàn)打印對(duì)象與數(shù)組的具體實(shí)現(xiàn)步驟與相關(guān)技巧,需要的朋友可以參考下

本文實(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ì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

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