Javascript on ポンコツ地方エンジニアの技術ブログ

[JavaScript] JSON の内容を文字列で出力する

Tue, 07 Sep 2021 00:00:00 +0900

オブジェクト単体では何もしなくても文字列で出力されますが、テンプレートリテラルなどを使う場合は JSON.stringify で JSON 形式の文字列に変換してやる必要があります。

let hoge = { fuga: 1, piyo: 2 };

console.log(hoge)
console.log('hoge: ' + hoge)
console.log(`hoge: ${hoge}`)
console.log(`hoge: ${JSON.stringify(hoge)}`)

{ fuga: 1, piyo: 2 }
hoge: [object Object]
hoge: [object Object]
hoge: {"fuga":1,"piyo":2}

参考 URL

https://hdix.hatenablog.com/entry/2018/01/05/163935

[JavaScript] map で配列の値とインデックスを同時に取得する

Fri, 03 Sep 2021 00:00:00 +0900

ずっと C# で Linq を使っていたので、Linq の Select と同じ感覚で JavaScript の map を使うとちょっとはまります。

環境

Node.js v14.17.4

サンプルコード

ダメなパターン

JavaScript にはタプルがないので、Linq の Select と同じように書いてもダメです。

let array = ["hoge", "fuga", "piyo"]
let targets = array.map((v, i) => (v, i));
console.log(targets)

[ 0, 1, 2 ]

解決方法

以下のようにオブジェクトにして返せば OK です。

let array = ["hoge", "fuga", "piyo"]
let targets = array.map((v, i) => ({
 value: v,
 index: i
}));
console.log(targets)

[
 { value: 'hoge', index: 0 },
 { value: 'fuga', index: 1 },
 { value: 'piyo', index: 2 }
]

参考 URL

https://tkkm.tokyo/post-192/

[JavaScript] コンストラクタで await したい

Thu, 19 Aug 2021 00:00:00 +0900

コンストラクタには async を指定できないため、通常はコンストラクタ内で await することができません。

ググってみるといろいろな対処法が出てきますが、とりあえず私の場合は以下のように無名関数を使って実装しました。
node.js v14.17.4 で確認しました。

class SampleClass {

 constructor() {
 (async () => {
 await this.init();
 })();
 }

 async init() {
 await hoge();
 }
}