(js)模板字符串中使用循环遍历数据：

// 数据格式
let wordList = {id: "2",question: "李四",content: [{ name: "名称", value: "李四" },{ name: "籍贯", value: "北京" },{ name: "业务标识", value: "5637283494994434844732848395" },{ name: "体育老师", value: "李北京" },],
};// 模板
`<ul data-v-790c2bd6 class="info-content2"><p data-v-790c2bd6 style="color: red; font-weight: 700">${wordList.question} 实体属性</p>${wordList.content.map((item) => {return `<li data-v-790c2bd6><span data-v-790c2bd6>${item.name}</span>&nbsp;:&nbsp;<span data-v-790c2bd6 class="info-content2-value">${item.value}</span></li>`;}).join("")}
</ul>`

效果：

参考：https://my.oschina.net/u/2612473/blog/5142654

(js)模板字符串中使用循环遍历数据：相关推荐

es6模板字符串中循环遍历数据踩坑
应该很少有这种需求,需要在模板字符串利循环遍历数据,现在框架都有自己模板语法. 我这里踩的坑是,我在模板字符串中用forEach,map遍历循环时,返回值一直是一个undefined 用for循环re ...
js模板字符串自定义类名_详解JavaScript ES6中的模板字符串
这篇文章主要介绍了详解JavaScript ES6中的模板字符串,JS的ES6版本带来诸多简洁化方面的重大改进,需要的朋友可以参考下在 ES6 中引入了一种新的字符串字面量 - 模板字符串,除了使用 ...
python list遍历删除_Python中list循环遍历删除数据的正确方法
前言初学Python,遇到过这样的问题,在遍历list的时候,删除符合条件的数据,可是总是报异常,代码如下: num_list = [1, 2, 3, 4, 5] print(num_list) f ...
在模板字符串中条件判断和遍历
1.在模板字符串中遍历 ${item1.groupDetail.map((item2) => {return `<div id="check_name_box"> ...
js替换字符串某个字符，js修改字符串中指定字符
平时用到elementui时,经常遇到多级树形结构,但是后端往往给前端反的每一级字段不一致,如果写个遍历循环将其改为一致麻烦的,不如直接将后台发的数组转为字符串,再将字符串中不一致的字段替换成一致的即 ...
模板字符串中嵌套模板字符串
模板字符串中有需求循环数据放到其中,原先我用arr.map(item=><li><a>${arr.content}</a></li>) 这样不符合 ...
js 模板字符串里面用换行符不起作用
js 模板字符串里面用换行符不起作用有时候会遇到赋值过程中的字符串需要换行的情况,但是像下面那样直接 \n 是不行的. this.text = `提示: \n ${this.tip}` 而这个时候得 ...
js 获取字符串中最后一个斜杠前面/后面的内容
js 获取字符串中最后一个斜杠后面的内容: var str = "/asdasf/asfaewf/agaegr/trer/rhh"; var index = str .lastIn ...
js去掉字符串中的所有空格
1.使用js去掉字符串中的所有空格 1.1.定义一个去空格函数方法 function Trim(str,is_global){var result;result = str.replace(/(^\s ...

(js)模板字符串中使用循环遍历数据：

(js)模板字符串中使用循环遍历数据：

(js)模板字符串中使用循环遍历数据：相关推荐

最新文章

热门文章