web開發js字串拼接佔位符及conlose物件Api詳解
阿新 • • 發佈:2021-09-26
目錄
- 佔位符替換
- 控制檯列印
- 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分'www.cppcns.com,n2) // -> 我離考100分還差5分 console.lebCkNzgJhttp://www.cppcns.comog('003--我離考%f分還差%f分',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
物件是的原生物件,它提供了多種方法,用來與控制檯視窗互動;
本節只列舉我認為的常用方法.
table()
複合型別的資料,console.table方法可以將其轉為表格顯示。
let o = { username: "卡卡西",age: 25,skill:['千鳥','土流壁','寫輪眼'] } console.table(o);
log、info、warn、error
console.log('001--我是一條普通的輸出語句'); console.info('002--我是一條普通訊息輸出語句'); console.warn('003--我是一條警告輸出語句'); console.error('004--我是一條錯誤輸出語句');
group(),groupCollapsed(),groupend()
console.group()
和 console.groupend()
用於將顯示的資訊分組,適用於大量輸出資訊的時候
console.group()
會預設把本組輸出資訊展開
console.groupend()
會預設把本組輸出資訊收起
console.group('第一輪輸出') console.log('我是第一輪輸出語句1') console.log('我是第一輪輸出語句2') console.log('我是第一輪輸出語句3') console.log('我是第一輪輸出語句3') console.groupEnd() console.groupCollapsed('第一輪輸出') console.log('又要輸出了1') console.log('又要輸出了2') consolebCkNzgJe.log('又要輸出了3') console.groupEnd() console.log('最後一次輸出')
以上就是web字串拼接佔位符及conlose物件Api詳解的詳細內容,更多關於web字串佔位符及conlose物件Api的資料請關注我們其它相關文章!