JSON.stringify()について解説してみた──オブジェクトを文字列に変換する基本

はじめに

Reactの開発中に、コンポーネントの中で
key={JSON.stringify(filters)}を使う機会があったので、改めてまとめたいと思います。

JSON.stringify()とは？

JSON.stringify()は、JavaScriptの オブジェクトや配列を文字列に変換する 関数です。

基本の使い方

const user = { name: "carlos", age: 20 };
const json = JSON.stringify(user);

console.log(json);
// → '{"name":"carlos","age":20}'

オブジェクトが JSON形式の文字列 に変わります。

まとめ

JSON.stringify()は「オブジェクトを安全に文字列として扱うための関数」。
JavaScriptでは、データをそのまま保存したり送ったりすることができない場合が多く、JSON.stringify()を使って文字列に変換することで、さまざまな場面で活用できます。