js console.log列印物件與陣列用法詳解_javascript技巧-js教程-PHP中文網

首頁

web前端

js教程

js console.log列印物件與陣列用法詳解_javascript技巧

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 03:18 PM

js 列印陣列

本文實例講述了js console.log列印物件與陣列用法。分享給大家參考，具體如下：

console.log是什麼東西，其實就是一個印出js數組和物件的函數而已，就像是php的print_r,var_dump。 console.log這個函數本身沒什麼好說的，這篇部落格告訴大家怎麼去用這個函數。在說這個函數之前，我想大家用的最多查看js輸出，是alert吧，但是alert，只能彈string或是int的

一、測試檔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";
    }
  };
<!-- 打印对像 -->
  console.log(testobj);
</script>
<body>
   <input type="text" id='firstname' name="firstname" value=''>
   <input type="text" id='lastname' name='lastname' value=''>
</body>
</html>

登入後複製

二、chrome 開發工具查看js物件

console chrome

現在chrome開發者工具和firebug，我用的時候，一半對一半。 chrome開發者工具，還有一個功能，firebug不具有.

控制台可以運行js，如果這個頁面是iframe的話，firebug只能運行在父級上面，而chrome可以選擇裡面的頁面執行，如果下圖

chrome iframe console

三、firebug查看js物件

firebug console

更多關於JavaScript數組相關內容有興趣的讀者可查看本站專題：《JavaScript數組操作技巧總結》

希望本文所述對大家JavaScript程式設計有所幫助。

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

熱工具

熱門話題

gmail信箱登陸入口在哪裡

7758

Java教學

1644

CakePHP 教程

1399

Laravel 教程

1293

PHP教程

1234

Related knowledge

建議：優秀JS開源人臉偵測辨識項目 Apr 03, 2024 am 11:55 AM

人臉偵測辨識技術已經是一個比較成熟且應用廣泛的技術。而目前最廣泛的網路應用語言非JS莫屬，在Web前端實現人臉偵測辨識相比後端的人臉辨識有優勢也有弱勢。優點包括減少網路互動、即時識別，大大縮短了使用者等待時間，提高了使用者體驗；弱勢是：受到模型大小限制，其中準確率也有限。如何在web端使用js實現人臉偵測呢？為了實現Web端人臉識別，需要熟悉相關的程式語言和技術，如JavaScript、HTML、CSS、WebRTC等。同時也需要掌握相關的電腦視覺和人工智慧技術。值得注意的是，由於Web端的計

如何使用 foreach 迴圈移除 PHP 陣列中的重複元素？ Apr 27, 2024 am 11:33 AM

使用foreach循環移除PHP數組中重複元素的方法如下：遍歷數組，若元素已存在且當前位置不是第一個出現的位置，則刪除它。舉例而言，若資料庫查詢結果有重複記錄，可使用此方法移除，得到不含重複記錄的結果。

PHP數組深度複製的藝術：使用不同方法完美複製 May 01, 2024 pm 12:30 PM

PHP中深度複製數組的方法包括：使用json_decode和json_encode進行JSON編碼和解碼。使用array_map和clone進行深度複製鍵和值的副本。使用serialize和unserialize進行序列化和反序列化。

PHP 陣列鍵值翻轉：不同方法的效能比較分析 May 03, 2024 pm 09:03 PM

PHP數組鍵值翻轉方法效能比較顯示：array_flip()函數在大型數組（超過100萬個元素）下比for迴圈效能更優，耗時更短。手動翻轉鍵值的for迴圈方法耗時相對較長。

PHP數組多維排序實戰：從簡單到複雜場景 Apr 29, 2024 pm 09:12 PM

多維數組排序可分為單列排序和嵌套排序。單列排序可使用array_multisort()函數依列排序；巢狀排序需要遞歸函數遍歷陣列並排序。實戰案例包括按產品名稱排序和按銷售量和價格複合排序。

PHP 數組分組函數在資料整理的應用 May 04, 2024 pm 01:03 PM

PHP的array_group_by函數可依鍵或閉包函數將陣列中的元素分組，傳回關聯數組，其中鍵為組名，值是屬於該組的元素數組。

深度複製PHP數組的最佳實踐：探索高效的方法 Apr 30, 2024 pm 03:42 PM

在PHP中執行陣列深度複製的最佳實踐是：使用json_decode(json_encode($arr))將陣列轉換為JSON字串，然後再轉換回陣列。使用unserialize(serialize($arr))將陣列序列化為字串，然後將其反序列化為新陣列。使用RecursiveIteratorIterator迭代器對多維數組進行遞歸遍歷。