字符串中占位符使用

一、使用 % 的形式

常用占位符:1、%d     整数占位符

>>> '我是第%d名'%1
'我是第1名'

>>> '我是班级第%d名,年级%d名'%(1,5)
'我是班级第1名,年级5名'

2、%f     浮点数占位符

>>> '我身高%f米'%1.5
'我身高1.500000米'

>>> '我身高%.2f米,体重%.1f千克'%(1.5,40)
'我身高1.50米,体重40.0千克'

 3、%s     字符串占位符

>>> 'hello %s'%'world'
'hello world'

>>> '%s %s'%(123,'木头人')
'123 木头人'

 二、使用 format 函数

>>>"{} {}".format("hello", "world")    # 不设置指定位置,按默认顺序
'hello world'
 
>>> "{0} {1}".format("hello", "world")  # 设置指定位置
'hello world'
 
>>> "{1} {0} {1}".format("hello", "world")  # 设置指定位置
'world hello world'


>>>"{name} {age}岁".format(age = 5, name = '小明')  # 设置参数
'小明 5岁'

 

 

 

### 模板字符串中的占位符与空格处理 在 JavaScript 中,模板字符串提供了方便的方式来构建多行文本以及嵌入表达式。当涉及到占位符及其周围的空格处理时,可以通过多种方式进行优化。 对于简单的变量插值而言,直接使用 `${variable}` 就可以在模板字符串中插入变量值[^1]: ```javascript let name = 'Alice'; console.log(`Hello, ${name}.`); ``` 然而,在实际开发场景下,有时希望控制占位符周围是否有额外的空格。这取决于具体需求——可能需要保留原有格式以便更好地阅读代码;也可能为了美观或功能上的考虑而去除不必要的空白字符。以下是几种常见的情况及解决办法: #### 保持原始间距 如果不做任何特别处理,默认情况下`${}`两侧的空格会被原样保留下来。这意味着如果源码中有意留出了间隔,则这些间隔也会反映到最终输出的结果里[^4]。 ```javascript const message = `Welcome to our website, please enjoy your stay.`; // 输出:"Welcome to our website,\n please enjoy your stay." ``` #### 去除多余空间 要移除不需要的空间,可以直接调整模板内的布局或将多余的空格删除。另外还可以借助正则表达式的 `.trim()` 方法清理每行开头结尾处可能出现的冗余空白。 ```javascript function cleanTemplate(strings, ...values) { let result = ''; strings.forEach((str, i) => { result += str.trim(); if (i < values.length) { result += values[i]; } }); return result; } const user = { firstName: 'John', lastName: 'Doe' }; console.log(cleanTemplate`Name:${user.firstName} Surname:${user.lastName}`); // 结果:"Name:JohnSurname:Doe" ``` #### 使用 Unicode 字符作为替代方案 在特定场合下,比如 Vue 组件属性设置时遇到连续多个不可见字符(如全角空格),可以采用 `\u00A0` 来代替普通的 ASCII 空格,以此确保即使是在 HTML 渲染之后也能维持预期的视觉效果[^3]。 ```html <template> <span :title="`Item\u00A0Details`">Hover me</span> </template> ``` 以上就是关于如何在模板字符串内部管理占位符附近空隙的一些技巧。根据不同应用场景选择合适的方法能够帮助开发者更加高效地编写清晰易读且功能性良好的程序。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值