Hướng dẫn alert an object in javascript - cảnh báo một đối tượng trong javascript

Tôi đang cố gắng học lớp jQuery, nhưng tôi gặp khó khăn khi gỡ lỗi một đối tượng vì tôi không thể nhìn thấy yếu tố bên trong nó

$("#birds").autocomplete({
    source: "search.php",
    select: function (event, ui) {
        alert(ui);
    }
});

Nó trả về [đối tượng đối tượng] .. :( Câu hỏi của tôi là làm thế nào tôi có thể cảnh báo đối tượng để tôi có thể nhìn thấy phần tử?

Hướng dẫn alert an object in javascript - cảnh báo một đối tượng trong javascript

Hỏi ngày 27 tháng 8 năm 2010 lúc 1:39Aug 27, 2010 at 1:39

Tôi khuyên bạn nên sử dụng Firebug để gỡ lỗi JavaScript. Sau đó, bạn chỉ có thể làm

console.log(ui) 

và nó sẽ ghi lại đối tượng theo một biểu mẫu bạn có thể mở rộng

Đã trả lời ngày 27 tháng 8 năm 2010 lúc 1:41Aug 27, 2010 at 1:41

Hướng dẫn alert an object in javascript - cảnh báo một đối tượng trong javascript

Scott Everndenscott EverndenScott Evernden

38.2K15 Huy hiệu vàng78 Huy hiệu bạc84 Huy hiệu đồng15 gold badges78 silver badges84 bronze badges

1

Chỉ cần chuyển đổi đối tượng của bạn thành đối tượng JSON bằng StringFy.

alert(JSON.stringify(yourObjectVariable));

đơn giản như chiếc bánh :)

Hướng dẫn alert an object in javascript - cảnh báo một đối tượng trong javascript

Đã trả lời ngày 29 tháng 3 năm 2015 lúc 20:39Mar 29, 2015 at 20:39

Shafin Mahmudshafin MahmudShafin Mahmud

3.6131 Huy hiệu vàng22 Huy hiệu bạc34 Huy hiệu đồng1 gold badge22 silver badges34 bronze badges

Bạn cũng có thể thử phương thức tập lệnh Java:

 // Alert javascript object in alert box
    function alertObject(obj){      
        for(var key in obj) {
        alert('key: ' + key + '\n' + 'value: ' + obj[key]);
        if( typeof obj[key] === 'object' ) {
            alertObject(obj[key]);
        }
        }
    }

Đây là 'obj' là:

// your object var
var getObject = {};

// object set with key an val
getObject.swfVersionStr = '10.0';
getObject.xiSwfUrlStr = null;
getObject.flashvarsObj = {};
getObject.parObj = {allowfullscreen: "true",wmode: "window",menu: "false"};

Gọi như thế này:

alertObject(getObject );

Quá đơn giản.. :)

Đã trả lời ngày 12 tháng 2 năm 2013 lúc 13:19Feb 12, 2013 at 13:19

Hướng dẫn alert an object in javascript - cảnh báo một đối tượng trong javascript

NonononoNono

6.7363 huy hiệu vàng36 Huy hiệu bạc37 Huy hiệu đồng3 gold badges36 silver badges37 bronze badges

1

alert(JSON.stringify(YOUR_OBJECT_HERE, null, 4));

Đã trả lời ngày 21 tháng 11 năm 2020 lúc 9:43Nov 21, 2020 at 9:43

Hướng dẫn alert an object in javascript - cảnh báo một đối tượng trong javascript

Mahdi Bashirpourmahdi BashirpourMahdi Bashirpour

15.4K11 Huy hiệu vàng110 Huy hiệu bạc139 Huy hiệu đồng11 gold badges110 silver badges139 bronze badges

1

Nếu bạn đang sử dụng Firefox thì bạn có thể cảnh báo giá trị đối tượng như mã bên dưới

 alert(object.toSource());   // for you alert(ul.toSource());

Mã trên đó làm việc tốt cho tôi.

Đã trả lời ngày 22 tháng 1 năm 2014 lúc 7:32Jan 22, 2014 at 7:32

Hướng dẫn alert an object in javascript - cảnh báo một đối tượng trong javascript

Chuyển đổi mảng hoặc đối tượng của bạn thành đối tượng JSON bằng cách sử dụng

console.log(ui) 
2.array or object to a JSON object using
console.log(ui) 
2.

Example:

var obj = { "name":"bayiha", "age":30, "city":"Eseka"};
var myJSON = JSON.stringify(obj);

alert(myJSON);

Để biết thêm thông tin Clik tại đây

Hướng dẫn alert an object in javascript - cảnh báo một đối tượng trong javascript

Kokogino

9241 Huy hiệu vàng5 Huy hiệu bạc16 Huy hiệu đồng1 gold badge5 silver badges16 bronze badges

Đã trả lời ngày 27 tháng 6 năm 2018 lúc 11:43Jun 27, 2018 at 11:43

Hướng dẫn alert an object in javascript - cảnh báo một đối tượng trong javascript

Quay số đá quay sốRock Dial

891 Huy hiệu bạc2 Huy hiệu đồng1 silver badge2 bronze badges

Hướng dẫn alert an object in javascript - cảnh báo một đối tượng trong javascript

Khi làm việc với các đối tượng trong JavaScript, bạn có thể đã bắt gặp đầu ra

console.log(ui) 
3. Mặc dù điều này có vẻ không liên quan, nhưng nó không nhất thiết là một lỗi.

console.log(ui) 
3 là biểu diễn chuỗi của kiểu dữ liệu đối tượng JavaScript. Bạn sẽ hiểu rõ hơn khi chúng tôi đi xa hơn trong bài viết này.

Có hai bối cảnh chính mà bạn sẽ gặp phải đầu ra như vậy:

  • Khi bạn thử hiển thị một đối tượng bằng phương thức
    console.log(ui) 
    
    5 (phổ biến nhất).
  • Khi bạn sử dụng phương thức
    console.log(ui) 
    
    6 trên một đối tượng.

Hãy xem một số ví dụ.

Điều gì xảy ra nếu bạn cảnh báo một đối tượng trong JavaScript?

Trong phần này, bạn sẽ thấy những gì xảy ra khi bạn sử dụng phương thức

console.log(ui) 
5 để hiển thị một đối tượng trong JavaScript. Đây là ví dụ mã:

const student = {
  name: "John",
  school: "freeCodeCamp",
};

alert(student)

Trong mã trên, chúng tôi đã tạo một đối tượng gọi là

console.log(ui) 
8. Sau khi sử dụng phương thức
console.log(ui) 
5 để hiển thị đối tượng trong trình duyệt, chúng tôi đã nhận được đầu ra bên dưới:

Hướng dẫn alert an object in javascript - cảnh báo một đối tượng trong javascript

Từ hình ảnh trên, thay vì có đối tượng và các thuộc tính của nó được hiển thị,

console.log(ui) 
3 đã được hiển thị.

Điều này xảy ra bởi vì khi bạn sử dụng phương thức

console.log(ui) 
5 để hiển thị một đối tượng trong JavaScript, bạn sẽ hiển thị định dạng chuỗi.

Để khắc phục điều này, bạn có thể sử dụng phương thức

alert(JSON.stringify(yourObjectVariable));
2 để thay đổi đối tượng thành một chuỗi có thể được bật lên trong trình duyệt bằng phương thức
console.log(ui) 
5. Đây là một ví dụ:

console.log(ui) 
0

Khi bạn chạy mã ở trên, bạn nên có đối tượng và thuộc tính của nó được hiển thị - tương tự như hình ảnh bên dưới.

Hướng dẫn alert an object in javascript - cảnh báo một đối tượng trong javascript

Điều gì xảy ra khi bạn sử dụng phương thức console.log(ui) 6 trên một đối tượng trong JavaScript?

Phương thức

console.log(ui) 
6 trong JavaScript trả về định dạng chuỗi của một đối tượng. Phần này sẽ giúp bạn hiểu những gì đã xảy ra dưới mui xe trong phần trước.

Khi bạn sử dụng phương thức

console.log(ui) 
6 trên một đối tượng trong JavaScript, bạn sẽ nhận được biểu diễn chuỗi -
console.log(ui) 
3 - được trả về.

console.log(ui) 
1

Như bạn có thể thấy trong mã ở trên, chúng tôi đã sử dụng phương thức

console.log(ui) 
6 trên một đối tượng gọi là
console.log(ui) 
8:
 // Alert javascript object in alert box
    function alertObject(obj){      
        for(var key in obj) {
        alert('key: ' + key + '\n' + 'value: ' + obj[key]);
        if( typeof obj[key] === 'object' ) {
            alertObject(obj[key]);
        }
        }
    }
0.

Khi chúng tôi đăng nhập nó vào bảng điều khiển, chúng tôi đã nhận được

console.log(ui) 
3.

Hiệu ứng này chính xác là những gì xảy ra khi bạn bật lên một đối tượng trong trình duyệt bằng phương thức

console.log(ui) 
5 (như chúng ta đã thấy trong phần cuối).

Bản tóm tắt

Trong bài viết này, chúng tôi đã nói về đầu ra

console.log(ui) 
3 kỳ lạ trong JavaScript.

Chúng tôi đã hiểu rằng đầu ra là biểu diễn chuỗi của một loại dữ liệu đối tượng trong JavaScript.

Rất có thể bạn sẽ thấy đầu ra như vậy khi bạn cố gắng hiển thị một đối tượng trong trình duyệt bằng phương thức

console.log(ui) 
5 hoặc khi bạn sử dụng phương thức
console.log(ui) 
6 trên một đối tượng.

Chúng tôi cũng đã trải qua một số ví dụ và hình ảnh mã để chứng minh cách bạn có thể thấy

console.log(ui) 
3 trong JavaScript.

Mã hóa hạnh phúc!



Học mã miễn phí. Chương trình giảng dạy nguồn mở của Freecodecamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu

Đối tượng nào có cảnh báo trong JavaScript?

Cảnh báo () là một phương thức của đối tượng cửa sổ.window object.

Hàm cảnh báo () trong javascript là gì?

Phương thức ALERT () hiển thị một hộp cảnh báo với thông báo và nút OK.Phương thức cảnh báo () được sử dụng khi bạn muốn thông tin đến người dùng.displays an alert box with a message and an OK button. The alert() method is used when you want information to come through to the user.

Tôi có thể phong cách cảnh báo theo JavaScript không?

Hộp cảnh báo tiêu chuẩn trong JavaScript không cung cấp tùy chọn áp dụng CSS.Để tạo kiểu cho hộp cảnh báo của bạn, bạn cần tạo một tùy chỉnh trước.Hộp cảnh báo tùy chỉnh sẽ được tạo bằng cách sử dụng jQuery và styles sẽ được áp dụng cho CSS.To style your alert box, you need to create a custom one first. The custom alert box will be created using jQuery and styles will be applied to CSS.