🐕 JSON.parse()する時は、型をStringにすること。
JavaScript ENJIN
作成日： 2021/12/25
1

エラー発生

JSONからオブジェクトを生成しようと、JSON.parseを使ってみたが、エラーが返ってきた。
なぜ？？

const jsonString = {"name":"山田太郎","email":"taro@example.com","password":"secret"}

//Uncaught SyntaxError: Unexpected token o in JSON at position 1
//    at JSON.parse (<anonymous>)
//    at index.html:14

調査・解決

ドキュメントを見てみると、文字列型にしていた。
・JSON.parse() - JavaScript - MDN Web Docs
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse

これでJSONがparseされて、オブジェクトが返ってきた。

const jsonString = '{"name":"山田太郎","email":"taro@example.com","password":"secret"}'

解決済みのソースコード全体

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <script>
        const jsonString = '{"name":"山田太郎","email":"taro@example.com","password":"secret"}'
        console.log(JSON.parse(jsonString))
    </script>
</body>
</html>
Yu
事業会社にてコーダーをしています。制作は6年目。 インプットしたことをアウトプットしています。