JSON是JavaScript Object Notation的縮寫，是一種輕量級的數據交換格式。在前端開發中，我們常常需要將JSON數據賦值到模板中來動態生成頁面。具體實現過程如下：

const data = {
"name": "Tom",
"age": 18,
"hobbies": ["reading", "running", "swimming"]
};
const template = `
<div>
<h2>{{ name }}，{{ age }}歲</h2>
<h3>愛好：</h3>
<ul>
{{#hobbies}}
<li>{{.}}</li>
{{/hobbies}}
</ul>
</div>
`;
// 使用模板引擎（比如Handlebars）來渲染數據
const compiledTemplate = Handlebars.compile(template);
const result = compiledTemplate(data);
// 將渲染后的結果插入到DOM中
document.getElementById('container').innerHTML = result;

以上代碼演示了如何使用Handlebars模板引擎來將JSON數據渲染到模板中，其中使用了{{ }}表示變量占位符，#和/表示循環占位符。在實際項目中，我們也可以使用其他模板引擎（比如Mustache、EJS等）來實現類似的功能。另外，在ES6和Node.js環境下，我們也可以使用模板字符串來實現簡單的模板渲染。