自分だけのクイズを作成しよう - Quipha
スポンサーリンク

【JavaScript】JSON文字列の整形

【JavaScript】JSON文字列の整形 JavaScript

当サイトではアフィリエイト広告を利用しています。

スポンサーリンク

はじめに

今回はJavaScriptを使って、JSON文字列の整形を行います。

是非、参考にしてみてください。

JSON文字列の整形

整形

JSON形式の文字列を整形してみます。
まずは JSON.parse を使い、オブジェクトに変換します。

JSON.stringify を利用して整形を行います。

const jsonString = '{"name":"tanaka","age":25}';
const jsonObj = JSON.parse(jsonString);
const json = JSON.stringify(jsonObj, null, 4);
console.log(json);

整形結果は以下のようになりました。

{
    "name": "tanaka",
    "age": 25
}

JSON.stringify の第三引数はスペースを指定できます。
4を指定すると、半角スペース4つ分のインデントになります。

JSON.stringify(jsonObj, null, 4);

タブ文字列を指定することもできます。

JSON.stringify(jsonObj, null, "\t");

0を指定すると、改行もインデントもされません。

{"name":"tanaka","age":25}

第二引数はreplacerを指定できます。

JSON文字列不正チェック

文字列がJSON形式かどうかチェックしてみましょう。

try {
    const jsonString = "[aaa";
    const jsonObj = JSON.parse(jsonString);
} catch (error) {
    console.log(error);
}

もし、不正な文字列の場合は例外が発生します。

SyntaxError: Unexpected token 'a', "[aaa" is not valid JSON

チグサツール

JSONの整形につきまして、以下のツールでも確認ができます。

JSON整形
便利なツールを公開

ブラウザ上で動作するため、簡単に試すことができます。

チグサツール JSONの整形

さいごに

今回はJavaScriptを使って、JSON文字列の整形を行いました。

\オススメ/

JavaScriptプログラミング
スポンサーリンク
この記事を共有
千草をフォローする
管理人

現役のITエンジニア。
気ままにコードや技術情報をまとめています。
Webアプリ/Windows・Macアプリ/モバイルアプリ/機械学習やIoT他。
(Java, PHP, Javascript, Swift, Python, C#, 他)
個人開発:Clibor, Quipha, TXT-Crypter
Kindle本: Laravel9 実践入門, 他

千草をフォローする

個人開発

Cliborはシンプルで高機能なクリップボード履歴ソフトです。
Mac版も公開しています。

自分だけの問題集や問題を作成し、クイズを行い学習に活用しましょう。

簡単にテキストを暗号・復号でき、秘密情報を守ります。

便利なツールを公開しています。
是非、活用してください!

チグサウェブ

コメント

タイトルとURLをコピーしました