Javascript(その他の話題)

日付を文字列フォーマットYYYY-MM-DDで取得する最短の方法

スウェーデン(sv-SE)がYYYY-MM-DDらしい

code:js

const today = new Date();

console.log(today.toLocaleDateString('en-US'));

console.log(today.toLocaleDateString('ja-JP'));

console.log(today.toLocaleDateString('sv-SE'));

"10/13/2023"

"2023/10/13"

"2023-10-13"

URLパラメータを簡単に解析する方法

code:js

const url = "https://pbs.twimg.com/media/GvQsIn2bsAAjuZh?format=jpg&name=medium"

console.log(URL.canParse(n)) // true. 文字列がURLとして解析可能かをチェックする

const n = new URL(url) //URLオブジェクトに変換

console.log(n.href) //https://pbs.twimg.com/media/GvQsIn2bsAAjuZh?format=jpg&name=medium

console.log(n.hostname) // "pbs.twimg.com"

console.log(n.origin) // "https://pbs.twimg.com"

console.log(n.pathname) // "/media/GvQsIn2bsAAjuZh"

console.log(n.searchParams) // format=jpg&name=medium

console.log(n.searchParams.get("format")) //"jpg"

console.log(n.searchParams.get("name")) //"medium"

n.searchParams.set("name", "large") //パラメータの書き換え

console.log(n.href)　// "https://pbs.twimg.com/media/GvQsIn2bsAAjuZh?format=jpg&name=large"

数値の小数点以下の桁数を揃える

Number.prototype.toFixed()

<数値変数>.toFixed(<少数点以下桁数>)

戻り値は文字列型。

code:js

console.log( (1.23456789).toFixed(4) )

//> "1.2346"

console.log( (1.00000009).toFixed(4) )

//> "1.0000"

文字列を指定の文字数になるまで文字で埋める

String.prototype.padStart()

<文字列>.padStart(<全体の文字数>,<埋める文字列>)

code:js

console.log("5".padStart(2, "0"))

//> "05"

console.log("abcd".padStart(8,"*"))

//> "****abcd"

console.log("abcd".padStart(2,"*"))

//> "abcd"

「1」を「001」にするとかに使う。

文字列がすでに指定の文字数をオーバーしていた時はなにもしない。

分割代入

code:js

let a, b = 10, 20; //<-もちろんletは前もって宣言しておいてOK

console.log(a) //<- 10

console.log(b) //<- 20

let a, b, ...rest = 10, 20, 30, 40, 50;

console.log(a) //<- 10

console.log(b) //<- 20

console.log(rest) //<- Array 30, 40, 50

function fn() {

return 1,2

}

let a, b = fn()

console.log(a) //<- 1

console.log(b) //<- 2

整数割り算の商と余り

code:js

console.log( Math.floor(20 / 7) ) // 2

console.log( 5 % 2 ) // 1