JavaScriptで引用符を削除してJSONオブジェクトに変換する方法

JavaScriptでは、余分な引用符（ダブルクォート）が付いたJSON形式の文字列を、正しいJSONオブジェクトに変換したいケースがあります。このような場合は、replace()メソッドとJSON.parse()メソッドを組み合わせることで簡単に解決できます。

基本的な処理の手順

1. substring()で文字列の先頭と末尾にある余分な引用符を削除する
2. replace()で二重になった引用符（""）を通常の引用符（"）に置き換える
3. JSON.parse()で整形した文字列をJSONオブジェクトに変換する

サンプルコード

var studentDetails = `"{""name"": ""John"",""subjectName"":
""Introduction To JavaScript""}"`;

// 元の文字列を表示
console.log("元のオブジェクト=");
console.log(studentDetails);

// 先頭と末尾の引用符を削除
var removeFirstAndLast = studentDetails.substring(1, studentDetails.length - 1);

// 二重の引用符（""）を単一の引用符（"）に置き換え
var removeDoubleQuotes = removeFirstAndLast.replace(/""/gi, `"`);
console.log(removeDoubleQuotes);

// JSONオブジェクトに変換
var output = JSON.parse(removeDoubleQuotes);
console.log(output);

プログラムの実行方法

上記のプログラムを実行するには、Node.jsを使って次のコマンドを入力します。

node fileName.js

ここでは、ファイル名を「demo103.js」としています。

実行結果

上記のコードを実行すると、以下のような出力が得られます。

PS C:\Users\Amit\JavaScript-code> node demo103.js
元のオブジェクト=
"{""name"": ""John"",""subjectName"": ""Introduction To JavaScript""}"
{"name": "John","subjectName": "Introduction To JavaScript"}
{ name: 'John', subjectName: 'Introduction To JavaScript' }

コードの解説

• substring(1, studentDetails.length - 1)： 文字列の先頭と末尾にある不要な引用符を取り除きます。
• replace(/""/gi, `"`)： 正規表現を使って、エスケープされた二重引用符（""）を通常の引用符（"）に置き換えます。「g」フラグですべての出現箇所が対象になり、「i」フラグは大文字・小文字を区別しないことを意味します。
• JSON.parse()： 整形されたJSON文字列をJavaScriptのオブジェクトとして解析（パース）します。

この一連の処理により、不正な形式のJSON文字列でも正しいJSONオブジェクトとして扱えるようになります。外部APIから受け取ったレスポンスの整形など、実務でも役立つテクニックなので覚えておくと便利です。