web开发js字符串拼接占位符及conlose对象Api详解⽬录
占位符替换
控制台打印
字符串截取指定对象table()
log、info、warn、error
group(),groupCollapsed(),groupend()
占位符替换
控制台打印(conlose.log())或者拼接字符换, 可以借助占位符解决
%s    字符串
%d  / %i    整数
%f    ⼩数(整数、⼩数都可以, 推荐)
%o    对象
%c    后⾯字符串的样式
⽰例代码:
// %s⽰例
let s1 = '爱'
let s2 = '祖国'
console.log('001--我%s我的%s', s1, s2) // -> 我爱我的祖国
// %f 和 %i、%d⽰例
/*
推荐⽤ %f, 整数⼩数都没问题
%d只能输出整数,如果有⼩数会直接忽略
*/
let n1 = 100
let n2 = 5.8
console.log('002--我离考%d分还差%d分', n1, n2) // -> 我离考100分还差5分
console.log('002--我离考%i分还差%i分', n1, n2) // -> 我离考100分还差5分
console.log('003--我离考%f分还差%f分', n1, n2) // -> 我离考100分还差5.8分
// %o⽰例
let o = { name: '卡卡西', age: 25 }
console.log('004--执⾏任务忍者的资料是%o', o) // -> 执⾏任务忍者的资料是{name: "卡卡西", age: 25}
// %c⽰例
var str = '005--我是⼀个%c⽰例'
let st = 'color: #000; background-color: orange; padding: 5px;);'
console.log(str, st)
console.log(
'006--%c---------------我是分隔符-----------------',
'color:red;font-size:10px'
)
ript>
控制台打印
在浏览器打印, 并不只有 conlose.log() 这⼀种⽅式;
console对象是JavaScript的原⽣对象, 它提供了多种⽅法,⽤来与控制台窗⼝互动;本节只列举我认为的常⽤⽅法.
t able()
复合类型的数据,console.table⽅法可以将其转为表格显⽰。
let o = {
username: "卡卡西",
age: 25,
skill:['千鸟','⼟流壁','写轮眼']
}
console.table(o);
log、i nfo、w arn、error
console.log('001--我是⼀条普通的输出语句');
console.info('002--我是⼀条普通信息输出语句');
console.warn('003--我是⼀条警告输出语句');
<('004--我是⼀条错误输出语句');
group(),groupCollapsed(),groupend()
console.log('我是第⼀轮输出语句1')
console.log('我是第⼀轮输出语句2')
console.log('我是第⼀轮输出语句3')
console.log('我是第⼀轮输出语句3')
console.log('⼜要输出了1')
console.log('⼜要输出了2')
console.log('⼜要输出了3')
console.log('最后⼀次输出')
以上就是web字符串拼接占位符及conlose对象Api详解的详细内容,更多关于web字符串占位符及conlose对象Api的资料请关注其它相关⽂章!

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。