blocks|key|1047648|text|如果lodash.js可用，您可以对其使用_.template函数。更多细节here。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1047649|​|1047650|var+Template1+=+'Welcome+to+the+{{school}}+baby+{{babydet.name}}'
var+Template2+=+'Welcome+to+the+school+{{school}}+department+{{dept}}+babydetails+{{babydet.name}}+{{babydet.section.secname}}'

var+namelist1=+[{school:'GOVSchool',babydet:+{+name:+'shanker'+}}];
var+namelist2=+[{school:'GOVSchool',dept:'CS',babydet:+{+name:+'shanker',section:{sectname:'A+Section'}}}];

_.templateSettings.interpolate+=+/{{([\s\S]%2B?)}}/g;
var+interpolator+=+_.template(Template1);
var+interpolated+=+interpolator(namelist2[0]);

console.log(interpolated)

interpolator+=+_.template(Template2);
interpolated+=+interpolator(namelist2[0]);

console.log(interpolated)|code-block|syntax|javascript|1047651|<script+src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>|1047652|1047653|entityMap|0|LINK|mutability|MUTABLE|url|https://lodash.com/docs/4.17.4#template^0|L|A|12|4|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@$9|Y|A|Z|B|C]]|D|@$9|10|A|11|1|12]]|E|$]]|$1|F|3|G|5|6|7|13|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|14|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|J|7|15|8|@]|D|@]|E|$K|L]]|$1|O|3|G|5|6|7|16|8|@]|D|@]|E|$]]|$1|P|3|-4|5|6|7|17|8|@]|D|@]|E|$]]]|Q|$R|$5|S|T|U|E|$V|W]]]]

<p>If by any chance that lodash.js is available, you can use the <code>_.template</code> function for it. More details <a href="https://lodash.com/docs/4.17.4#template" rel="nofollow noreferrer">here</a>.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var Template1 = 'Welcome to the {{school}} baby {{babydet.name}}'
var Template2 = 'Welcome to the school {{school}} department {{dept}} babydetails {{babydet.name}} {{babydet.section.secname}}'

var namelist1= [{school:'GOVSchool',babydet: { name: 'shanker' }}];
var namelist2= [{school:'GOVSchool',dept:'CS',babydet: { name: 'shanker',section:{sectname:'A Section'}}}];

_.templateSettings.interpolate = /{{([\s\S]+?)}}/g;
var interpolator = _.template(Template1);
var interpolated = interpolator(namelist2[0]);

console.log(interpolated)

interpolator = _.template(Template2);
interpolated = interpolator(namelist2[0]);

console.log(interpolated)</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"&gt;&lt;/script&gt;</code></pre>
</div>
</div>
</p>


blocks|key|1467771|text|您可以使用ES6+Template+literals对字符串进行插值。为了只回答您提出的问题，我将做一些基本假设(并在本例中对它们进行硬编码)：您的JSON是从namelist数据解析的某个对象的替代变量，您知道它的结构，并且您知道如何迭代数据数组以使此解决方案在现实世界中有用。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1467772|模板文字用反引号""+instead+of+quotes,+and+you+surround+your+variables+with${/+reference+variable+/}`“括起来|1467773|const+namelist1=+[{school:'GOVSchool',babydet:+{+name:+'shanker'+}}];
const+namelist2=+[{school:'GOVSchool',dept:'CS',babydet:+{+name:+'shanker',section:{sectname:'A+Section'}}}];

let+Template1+=+`Welcome+to+the+${namelist1[0].school}+baby+${namelist1[0].babydet.name}`;
let+Template2+=+`Welcome+to+the+school+${namelist2[0].school}+department+${namelist2[0].dept}+babydetails+${namelist2[0].babydet.name}+${namelist2[0].babydet.section.sectname}`;|code-block|syntax|javascript|1467774|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals^0|28|8|9|H|0|0|9|1L|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@$9|X|A|Y|1|Z]]|E|$]]|$1|F|3|G|5|6|7|10|8|@$9|11|A|12|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|13|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

<p>You could potentially use ES6 <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals" rel="nofollow noreferrer">Template literals</a> to interpolate your strings. I'm going to make some basic assumptions (and hard-code them for this example) in order to only answer the question you asked: your <code>namelist</code> vars are stand-ins for some object parsed from JSON data, you know its structure, and you know how to iterate over a data array to make this solution real world useful. </p>

<p>Template literals are enclosed with backticks "`" instead of quotes, and you surround your variables with <code>${/* reference variable */}</code></p>

<pre><code>const namelist1= [{school:'GOVSchool',babydet: { name: 'shanker' }}];
const namelist2= [{school:'GOVSchool',dept:'CS',babydet: { name: 'shanker',section:{sectname:'A Section'}}}];

let Template1 = `Welcome to the ${namelist1[0].school} baby ${namelist1[0].babydet.name}`;
let Template2 = `Welcome to the school ${namelist2[0].school} department ${namelist2[0].dept} babydetails ${namelist2[0].babydet.name} ${namelist2[0].babydet.section.sectname}`;
</code></pre>


blocks|key|1487791|text|你可以使用这个库来进行字符串插值。https://www.npmjs.com/package/string-format.String::format是一个用于格式化字符串的小型JavaScript库，它基于Python的str.format()。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1487792|entityMap|0|LINK|mutability|MUTABLE|url|https://www.npmjs.com/package/string-format.String::format^0|H|1M|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<p>You can this library for string interpolation. <a href="https://www.npmjs.com/package/string-format.String::format" rel="nofollow noreferrer">https://www.npmjs.com/package/string-format.String::format</a> is a small JavaScript library for formatting strings, based on Python's str.format(). </p>


blocks|key|1467783|text|我正在做类似的事情，唯一的区别是我的JSON对象不会有嵌套属性。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1467784|我使用了一种简单的方法(希望不要过于简单)。它可以接受HTML模板中要替换的任意数量的属性。|1467785|给定一个模板：|1467786|let+template+=
++'<div><span>{{+text+}}</span><span>{{description}}</span></div>';|code-block|syntax|javascript|1467787|和一些数据：|1467788|let+data+=+{+text:+'My+Text',+description:+'my+description'+};|1467789|我会得到：|1467790|<div><span>My+Text</span><span>my+description</span></div>|1467791|在这里查看JSBin中的实现：https://jsbin.com/zelogof/7/edit?js,console|offset|length|1467792|更好的建议也欢迎！|1467793|entityMap|0|LINK|mutability|MUTABLE|url|https://jsbin.com/zelogof/7/edit?js,console^0|0|0|0|0|0|0|0|0|F|17|0|0|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|17|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|18|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|19|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|1A|8|@]|9|@]|A|$]]|$1|M|3|N|5|H|7|1B|8|@]|9|@]|A|$I|J]]|$1|O|3|P|5|6|7|1C|8|@]|9|@]|A|$]]|$1|Q|3|R|5|H|7|1D|8|@]|9|@]|A|$I|J]]|$1|S|3|T|5|6|7|1E|8|@]|9|@$U|1F|V|1G|1|1H]]|A|$]]|$1|W|3|X|5|6|7|1I|8|@]|9|@]|A|$]]|$1|Y|3|-4|5|6|7|1J|8|@]|9|@]|A|$]]]|Z|$10|$5|11|12|13|A|$14|15]]]]

<p>I was doing something similar, the only difference is that my JSON object would not have nested properties.</p>

<p>I am using a simple approach (hopefully not too simplistic). It can accept any number of properties to be substituted in the HTML template.</p>

<p>Given a template:</p>

<pre><code>let template =
  '&lt;div&gt;&lt;span&gt;{{ text }}&lt;/span&gt;&lt;span&gt;{{description}}&lt;/span&gt;&lt;/div&gt;';
</code></pre>

<p>And some data:</p>

<pre><code>let data = { text: 'My Text', description: 'my description' };
</code></pre>

<p>I would get:</p>

<pre><code>&lt;div&gt;&lt;span&gt;My Text&lt;/span&gt;&lt;span&gt;my description&lt;/span&gt;&lt;/div&gt;
</code></pre>

<p>See the implementation in JSBin here: <a href="https://jsbin.com/zelogof/7/edit?js,console" rel="nofollow noreferrer">https://jsbin.com/zelogof/7/edit?js,console</a></p>

<p>Better suggestions also welcome!</p>


<p>I am having sample template like below i want to replace school, babydet.name,dept,babydet.section.secname with json object values how to do this please help me to solve this.  </p>

<pre><code>var Template1 = 'Welcome to the {{school}} baby {{babydet.name}}'
var Template2 = 'Welcome to the school {{school}} department {{dept}} babydetails {{babydet.name}} {{babydet.section.secname}}'

const namelist1= [{school:'GOVSchool',babydet: { name: 'shanker' }}];
const namelist2= [{school:'GOVSchool',dept:'CS',babydet: { name: 'shanker',section:{sectname:'A Section'}}}];
</code></pre>

<p>with help of string replace need to achieve this(single logic). Output want like this "Welcome to the world baby shanker"</p>


replace Dynamic string template variable with json object

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我有像下面这样的样本模板我想用json对象值替换学校，babydet.name，部门，babydet.section.secname如何做到这一点，请帮助我解决这个问题。var Template1 = 'Welcome to the {{school}} baby {{babydet.name}}'var Templa...

问用json对象替换动态字符串模板变量
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用json对象替换动态字符串模板变量EN