JSON.STRINGIFY,使用 HTML 演示

以下是一組不同的示例代碼,使用 HTML 演示 JSON.stringify() 方法的用法:


JSON.STRINGIFY,使用 HTML 演示

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JSON.stringify() 方法示例</title>
</head>
<body>
<h1>JSON.stringify() 方法示例</h1>
<p>請在瀏覽器的控制臺中查看結果。</p>
<script>
// 定義一個 JavaScript 對象
let person = {
name: '張三',
age: 26,
company: {
name: 'ABC公司',
address: '北京市'
},
hobbies: ['遊泳', '旅遊'],
isMarried: false
};
// 使用 JSON.stringify() 方法將 JavaScript 對象轉換為 JSON 字符串
let json = JSON.stringify(person);
// 輸出轉換後的 JSON 字符串
console.log(json);
</script>
</body>
</html>


這段代碼定義了一個名為 `person` 的 JavaScript 對象,該對象包含了姓名、年齡、所在公司、愛好和婚姻狀況等屬性。接著使用 `JSON.stringify()` 方法將該對象轉換為 JSON 字符串,並使用 `console.log()` 打印到控制臺中。


其中:


- `<script>` 標簽用於在 HTML 頁面中嵌入 JavaScript 代碼。

- `JSON.stringify()` 是將 JavaScript 對象轉換為 JSON 字符串的方法。

- `console.log()` 用於將輸出結果打印到控制臺中以便開發人員查看。

- `<p>` 標簽用於在頁面中插入一段文字,提示用戶在控制臺中查看結果。


註意,在鍵盤按F12打開瀏覽器控制臺,就看到打印出來的元素了。截圖如下圖:

效果圖截圖如下:

標籤: JSON.STRINGIFY
分享給朋友:

“JSON.STRINGIFY,使用 HTML 演示 ” 的相關文章

javascript怎麼改變字體顏色文本顏色代碼

javascript怎麼改變字體顏色文本顏色代碼

這裏是一個簡單的 JavaScript改變文體顏色代碼示例,它會在頁面上創建一個按鈕,點擊該按鈕會使文本顏色發生變化。這段代碼首先在頁面中創建了一個按鈕,然後獲取該按鈕和一個段落元素的引用,接著為按鈕添加了一個事件監聽器,當按鈕被點擊時,段落文本顏色將變成紅色。…

一個簡單的html結婚特效的代碼

一個簡單的html結婚特效的代碼

以下是一個簡單的html結婚特效的代碼:1. 使用html和css定義了一個結婚的基本樣式;2. 分別定義新娘和新郎,並使用background-image設置其背景圖;3. 定義一個心形圖案,並使用animation讓其跳動。…

一個簡單的html大海日出特效的代碼

一個簡單的html大海日出特效的代碼

以下是一個簡單的html大海日出特效的代碼:1. 使用html和css定義了一個大海和太陽的基本樣式;2. 使用animation讓太陽從初始位置向上升起,並且設置好其動畫屬性;3. 設置大海背景漸變和水面的動畫效果。…

HTML標簽屬性大全及代碼例子

HTML標簽屬性大全及代碼例子

在HTML中,屬性是在標簽中使用的特殊命令,它們提供了額外的信息以更好地描述標簽的內容和行為。屬性名表示該屬性的名稱,而屬性值表示該屬性要設置的值。HTML標簽屬性有很多種類和用途,它們可以影響標簽的內容、顏色、尺寸、超鏈接、樣式、表單等方面。一些常見的HTML標簽屬性包括:class、id、sty…

學習html網頁制作模板代碼怎麼寫

學習html網頁制作模板代碼怎麼寫

HTML網頁制作模板代碼是用來定義網頁結構、內容和樣式的基礎代碼。以下是一個簡單的HTML網頁制作模板代碼的示例。通過這個模板代碼,你可以定義一個基本的網頁結構,以及樣式和導航等元素,讓你的網頁更加美觀和易於導航。通過這個適應式的模板代碼,你的網頁能夠在不同設備的屏幕上具有更好的用戶體驗,適應不同的…

doctype html的作用及代碼例子

doctype html的作用及代碼例子

在 HTML5 中,`<!doctype html>` 是一個非常簡單的聲明,因為已經沒有了其他HTML標準版本或者XML文檔類型定義的支持。此外,這個文檔類型聲明也非常簡短,易於理解和記憶。關於 `<!doctype html>` 的作用:1. 瀏覽器使用指定的文檔類型來解…