JavaScript 實用的小技巧（一）

發表於 | 分類於 | |

這個主題打算寫系列文章
主要是記錄 javascript 一些實用的小技巧

內文

  • 取數字千分位
  • 建立時間戳記
  • 將字串轉為數字
  • 數字加總
  • 去除陣列重複項目
  • 科學計數法
  • 陣列內項目隨機交換
  • 處理貨幣單位
  • 取得陣列中最大值與最小值
  • 建立連續數字陣列

JavaScript 十個實用的小技巧（一）

取數字千分位

1
2
3
const number = 1000000;
number.toLocaleString();
// "1,000,000"

建立時間戳記

常用時間戳記為至今距離 1970年 1 月 1 日 的毫秒數
為什麼是 1970年 1 月 1 日
根據維基百科說明: 1970 年 為 Unix 紀元
也就是紀念 Unix 誕生的元年

1
2
+new Date();
// 1592030768175

將字串轉為數字

提供一個比 parseInt 更簡潔的寫法

1
2
3
const string = "1000000";
+string;
// 1000000

數字加總

寫法一

1
2
3
const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
eval(array.join("+"));
// 55

寫法二

1
2
3
const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
array.reduce((a, b) => a + b);
// 55

去除陣列重複項目

1
2
3
const array = ["apple", "banana", "banana", "apple", "banana"];
[...new Set(array)];
// ["apple", "banana"]

科學計數法

1
2
1e6;
// 1000000

陣列內項目隨機交換

1
2
3
const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
array.sort(() => Math.random() - 0.5);
// [3, 7, 9, 4, 2, 5, 6, 8, 10, 1]

處理貨幣單位

1
2
(1e6).toLocaleString("zh-tw", { style: "currency", currency: "TWD" });
// "$1,000,000.00"

取得陣列中最大值與最小值

1
2
3
4
5
const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
Math.max(...array);
// 10
Math.min(...array);
// 1

建立連續數字陣列

1
2
3
4
Array(10)
  .fill()
  .map((i, id) => id + 1);
// [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

本文作者： David Huang
本文地址： https://davidblog.github.io/2020/06/13/js-tips/

0%