Cách ghi nhật ký đối tượng trong JavaScript

Psssst. TRẠI BOOTC PHÁT TRIỂN WEB 2023 sẽ bắt đầu chỉ sau vài ngày nữa. Tham gia danh sách chờ, giữ chỗ trong khóa học thuần tập kéo dài 10 tuần của tôi và tìm hiểu các nguyên tắc cơ bản, HTML, CSS, JS, Tailwind, React, Next. jsvà hơn thế nữa. ✨

Khi bạn nhập

console.log[JSON.stringify[obj, null, 2]]

7 vào một chương trình JavaScript chạy trong trình duyệt, điều đó sẽ tạo ra một mục nhập đẹp mắt trong Bảng điều khiển trình duyệt

Khi bạn nhấp vào mũi tên, nhật ký sẽ được mở rộng và bạn có thể thấy rõ các thuộc tính của đối tượng

Trong Node, điều tương tự cũng xảy ra

Chúng tôi không có sự xa xỉ như vậy khi chúng tôi ghi một thứ gì đó vào bảng điều khiển, bởi vì điều đó sẽ xuất đối tượng ra trình bao nếu bạn chạy chương trình Node theo cách thủ công hoặc vào tệp nhật ký. Bạn nhận được một chuỗi đại diện của đối tượng

Bây giờ, tất cả đều ổn cho đến khi đạt đến một mức độ lồng ghép nhất định. Sau hai cấp độ lồng nhau, Node bỏ cuộc và in

console.log[JSON.stringify[obj, null, 2]]

8 làm trình giữ chỗ

const obj = {
  name: 'Flavio',
  age: 35,
  person1: {
    name: 'Tony',
    age: 50,
    person2: {
      name: 'Albert',
      age: 21,
      person3: {
        name: 'Peter',
        age: 23
      }
    }
  }
}
console.log[obj]


{
  name: 'Flavio',
  age: 35,
  person1: {
    name: 'Tony',
    age: 50,
    person2: {
      name: 'Albert',
      age: 21,
      person3: [Object]
    }
  }
}

Làm thế nào bạn có thể in toàn bộ đối tượng?

Cách tốt nhất để làm như vậy, trong khi vẫn giữ được bản in đẹp, là sử dụng

console.log[JSON.stringify[obj, null, 2]]

trong đó

console.log[JSON.stringify[obj, null, 2]]

9 là số lượng khoảng trắng được sử dụng để thụt đầu dòng

Một lựa chọn khác là sử dụng

require['util'].inspect.defaultOptions.depth = null
console.log[obj]

nhưng vấn đề là các đối tượng lồng nhau sau cấp 2 hiện đã bị làm phẳng và đây có thể là vấn đề với các đối tượng phức tạp

Phương pháp cơ bản được sử dụng console. log[object] để điều khiển các đối tượng nhật ký trong JavaScript. Nhật ký phương thức Console[] xuất một thông báo tới bảng điều khiển web

console.log[obj]

Ghi chú. bạn chỉ phải đăng nhập đối tượng. Ví dụ: điều này sẽ không hoạt động

console.log['My object : ' + obj]

Ghi chú. Bạn cũng có thể sử dụng dấu phẩy trong phương thức

require['util'].inspect.defaultOptions.depth = null
console.log[obj]

0, sau đó dòng đầu tiên của kết quả sẽ là chuỗi và sau đó, đối tượng sẽ được hiển thị

console.log['My object: ', obj];

Nguồn. ngăn xếp chồng lên nhau. com/

Đối tượng nhật ký bảng điều khiển trong JavaScript

Mã ví dụ đơn giản sử dụng nhật ký bảng điều khiển

  
   var obj = {
    prop1: 'prop1Value',
    prop2: 'prop2Value',
    child: {
      childProp1: 'childProp1Value',
    },
  }
  console.log[obj]     

đầu ra

Các phương pháp khác

Sử dụng phương thức

require['util'].inspect.defaultOptions.depth = null
console.log[obj]

1 gốc. Hoạt động với các đối tượng lồng nhau và tất cả các trình duyệt chính theo phương pháp này.

require['util'].inspect.defaultOptions.depth = null
console.log[obj]

2 chỉ hoạt động với dữ liệu tương thích với JSON, nghĩa là một số loại giá trị nhất định có thể bị mất

str = JSON.stringify[obj];
str = JSON.stringify[obj, null, 4]; // [Optional] beautiful indented output.

console.log[str]; // Logs output to dev tools console.

Sử dụng

console.log['My object : ' + obj]

0 để hiển thị danh sách tương tác các thuộc tính của đối tượng JavaScript đã chỉ định

var obj = {
    prop1: 'prop1Value',
    prop2: 'prop2Value',
    child: {
      childProp1: 'childProp1Value',
    },
  }
  console.dir[obj] 

Sử dụng

console.log['My object : ' + obj]

1, Hàm này nhận một đối số bắt buộc là

console.log['My object : ' + obj]

2, phải là một mảng hoặc một đối tượng và một tham số tùy chọn bổ sung là

console.log['My object : ' + obj]

3

console.log[JSON.stringify[obj, null, 2]]

3

Hãy bình luận nếu bạn có bất kỳ nghi ngờ hoặc đề xuất nào về chủ đề nhật ký Bảng điều khiển JS này

Ghi chú. Tất cả mã Ví dụ về JS đều được thử nghiệm trên trình duyệt Firefox và trình duyệt Chrome

hệ điều hành. cửa sổ 10

Mã số. Phiên bản HTML5

Rohit

Bằng cấp về Khoa học Máy tính và Kỹ sư. Nhà phát triển ứng dụng và có kinh nghiệm về nhiều ngôn ngữ lập trình. Đam mê công nghệ & thích học hỏi kỹ thuật

Cách đơn giản nhất là sử dụng phương thức Console log[] để ghi các đối tượng dưới dạng JSON trong JavaScript. Bàn điều khiển. phương thức log[] được gọi với một đối tượng hoặc các đối tượng làm đối số sẽ hiển thị đối tượng hoặc các đối tượng đó

console.log[JSON.stringify[obj, null, 2]]

4

Đối tượng nhật ký bảng điều khiển JavaScript dưới dạng JSON

Mã ví dụ đơn giản chuyển đối tượng trực tiếp vào bảng điều khiển. phương thức log[]

console.log[JSON.stringify[obj, null, 2]]

5

đầu ra

sử dụng bảng điều khiển. nhật ký [JSON. xâu chuỗi [đối tượng]]

JSON. Phương thức stringify[] chuyển đổi một đối tượng hoặc giá trị JavaScript thành một chuỗi JSON

console.log[JSON.stringify[obj, null, 2]]

6

đầu ra

{“chỗ dựa_1”. {“prop_11″. ”val_11″,”prop_12″. ”val_12″},”prop_2″. ”val_2″,”prop_3″. ”val_3”}

Đọc thêm. Đối tượng nhật ký bảng điều khiển trong JavaScript. nhiều cách

Hãy bình luận nếu bạn có bất kỳ nghi ngờ hoặc đề xuất nào về chủ đề đối tượng nhật ký JS này

Ghi chú. Tất cả mã Ví dụ về JS đều được thử nghiệm trên trình duyệt Firefox và trình duyệt Chrome

hệ điều hành. cửa sổ 10

Mã số. Phiên bản HTML5

Rohit

Bằng cấp về Khoa học Máy tính và Kỹ sư. Nhà phát triển ứng dụng và có kinh nghiệm về nhiều ngôn ngữ lập trình. Đam mê công nghệ & thích học hỏi kỹ thuật

Làm cách nào để điều khiển nhật ký đối tượng đầy đủ trong JavaScript?

Làm cách nào để lặp trên đối tượng trong JavaScript?

Làm cách nào để hiển thị giá trị đối tượng trong JavaScript?

Làm cách nào để in toàn bộ đối tượng trong JavaScript?