[jQuery]JSONから配列、連想配列からJSONへ変換するサンプル

jQueryで配列や連想配列などからJSON形式に変換する方法をいろいろ検証しました。また、JSON形式から配列に変換する方法を試しています。╰(*´︶`*)╯

 

配列(連想配列)からJSON形式へ変換

変換方法

var json1 = JSON.stringify(<配列>);

 

検証①

$(function(){
    console.clear();

    var arrayList1 = [1,2,3,4,5];
    var json1      = JSON.stringify(arrayList1);
    console.log(json1);

    var arrayList2 = [1,['test1','test2'],[3,4,5],6,7];
    var json2 = JSON.stringify(arrayList2);
    console.log(json2);
});

結果①

"[1,2,3,4,5]"
"[1,['test1','test2'],[3,4,5],6,7]"

 

検証②

$(function(){
    console.clear();

    var arrayList1 = {"name":"taro","age":"15"};
    var json1 = JSON.stringify(arrayList1);
    console.log(json1);

    var arrayList2 = {"name":"taro","age":"15","other":[1,2,3]};
    var json2 = JSON.stringify(arrayList2);
    console.log(json2);

    var arrayList3 = [{"name":"taro","age":"15"}
                      , {"name":"hanako","age":"34"}];
    var json3 = JSON.stringify(arrayList3);
    console.log(json3);

});

結果②

"{'name':'taro','age':'15'}"
"{'name':'taro','age':'15','other':[1,2,3]}"
"[{'name':'taro','age':'15'},{'name':'hanako','age':'34'}]"

 

 

JSON形式から配列(連想配列)へ変換

変換方法

var arrayList1 = JSON.parse(<JSON形式の文字列>);

 

検証①

$(function(){
    console.clear();

    var json1 = '[1,2,3,4,5]';
    var arrayList1 = JSON.parse(json1);
    console.log(arrayList1);

    var json2 = '[1,["test1","test2"],[3,4,5],6,7]';
    var arrayList2 = JSON.parse(json2);
    console.log(arrayList2);

});

結果①

[1, 2, 3, 4, 5]
[1, ["test1", "test2"], [3, 4, 5], 6, 7]

 

検証②

$(function(){
    console.clear();

    var json1 = '{"name":"taro","age":"15"}';
    var arrayList1 = JSON.parse(json1);
    console.log(arrayList1);

    var json2 = '{"name":"taro","age":"15","other":[1,2,3]}';
    var arrayList2 = JSON.parse(json2);
    console.log(arrayList2);

    var json3 = '[{"name":"taro","age":"15"}, {"name":"hanako","age":"34"}]';
    var arrayList3 = JSON.parse(json3);
    console.log(arrayList3);

});

結果②

Object {
  age: "15",
  name: "taro"
}
Object {
  age: "15",
  name: "taro",
  other: [1, 2, 3]
}
[Object {
  age: "15",
  name: "taro"
}, Object {
  age: "34",
  name: "hanako"
}]

 



投稿日:2019-11-30    更新日:2019-12-06

[スポンサーリンク]

関連記事
勉強した内容を緩くメモする|JBの技術メモ
勉強した内容を緩くメモする|JBの技術メモ
勉強した内容を緩くメモする|JBの技術メモ
勉強した内容を緩くメモする|JBの技術メモ
勉強した内容を緩くメモする|JBの技術メモ
勉強した内容を緩くメモする|JBの技術メモ
サイト内検索
プロフィール

プロフィール

[Name : じゃぶじゃぶ(@jbjb_2019)]
都内で社内SEをしているおじさん。
仕事で得られる知識だけでは限界を感じ、 WEBの勉強がてらITブログを開始。
サーバからWEBサイトまでフルスクラッチで開発しました。
現在は勉強のモチベーションを保つために活用中。
興味があることを雑記的に書いていきます。

[スポンサーリンク]

[スポンサードリンク]