iT邦幫忙

2023 iThome 鐵人賽

DAY 10
0
自我挑戰組

node.js 從初學者到高手!系列 第 10

Day 10 學習node.js所需具備的超重要知識-JavaScript (4) 印出數值和字串、介紹Array

  • 分享至 

  • xImage
  •  

大家好~讓我們延續昨天的主題~

我們在設計網頁時經常會需要印出字串和數值同時在一起的句子,像是告訴顧客:「購買的 3 件商品價值 899 元。」那我們應該怎麼做呢?

首先第一種方法相信已經很多人知道了,可以用 + 號將他們串連在一起。

let num = 3;
let price = 899;

console.log('購買的' + num + '件商品價值' + price + '元。');

這樣就能印出上述的句子。

但是這樣做的壞處是在寫程式時比較不好寫,並且當一個句子有非常多的變數時,就會變得眼花撩亂。
因此我們可以使用第二種方法-template。寫的方法為用兩個 ` 把句子框起來,並且在有變數的地方利用${}來表示變數,這樣就好了!

用說的可能不好理解,我們直接來看程式:

let num = 3;
let price = 899;

let s = `購買的${num}件商品價值${price}元。`;
console.log(s);

這樣子一樣可以印出「購買的 3 件商品價值 899 元。」這段話,而且程式碼是不是變得簡潔了許多呢!

接下來我們來介紹一下Array(陣列),JS的陣列最方便的點就是即使陣列中的變數有不同的型態,這個陣列也依然可以運作,不會發生錯誤。

例如:

let arr = ['hello', 'world', 123, 456];

console.log(arr);

印出的結果:
https://ithelp.ithome.com.tw/upload/images/20230924/20163170QHwtPlFx5c.png
並且,JS中的array也可以和C++ vector的push_back和pop一樣的功能喔! 我們可以這樣打:

let arr = ['hello', 'world', 123, 456];

arr.pop();
arr.push(789);
arr.push('Hi');

console.log(arr);

再看看結果~
https://ithelp.ithome.com.tw/upload/images/20230924/20163170znIg0funku.png
可以看到原本的456被pop掉了,並且補上了789和'Hi'兩個元素喔!

以上就是今天的分享~明天可能會再補充一些和C++不一樣的operation~


上一篇
Day 9 學習node.js所需具備的超重要知識-JavaScript (3) 資料型態、Number和String之處理
下一篇
Day 11 學習node.js所需具備的超重要知識-JavaScript (5) 資料型態轉換、strict equality
系列文
node.js 從初學者到高手!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言