js 模版字符串增加条件判断

最新推荐文章于 2025-05-28 15:23:10 发布

ZhouMin8877

最新推荐文章于 2025-05-28 15:23:10 发布

阅读量4.3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/github_39155605/article/details/97803602

js 同时被 2 个专栏收录

5 篇文章

订阅专栏

官网笔记

4 篇文章

订阅专栏

本文探讨如何在JavaScript中利用模板字符串结合三元运算符或自执行函数内的if语句来实现条件判断。通过这种方式，你可以更加简洁地处理动态内容的显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用三元判断或者自执行函数内使用if


 for ( let i = 0; i < data.length; i++ ) {
        const html = `<li class="fl t-left"><div class="target t-center">
                                <p>${data[i].type}</p>
                            </div>
                            <div class="logo clearfix">
                                <div class="logo_l t-center fl">
                                <div class="img"></div>
                                </div>
                                <div class="logo_r fl">
                                    <p class="brand">${data[i].name}</p>
                                    <p class="des">行业：${data[i].job}</p>
                                </div>
                            </div>
                            <div class="itembox-content">
                                <p>${data[i].content}</p>
                            </div>
                            <div class="qr-box t-center">
                                <div class="img"></div>
                                <p class="know">扫码查看小程序
                                </p>
                                ${data[i].wsc ? data[i].wsc : ''}
                                // 或者用自执行函数执行 if条件
                                ${( function () {
								        if ( data[i].wsc ) {
								            return data[i].wsc
								        }else{
								            return ''
								        }
								} )() 

                                </p>
                            </div>
                        </li>`
        asideRightLi.append( html )