[jQuery]JSON陣列字串新增成員

從之前的文章可以知道組成JSON字串最簡單的方法就是使用【組合】的方式。
例如：
var thing = {email: 'user@yahoo.com' password: '123'}; //組成JSON字串。
var encoded = JSON.stringify(thing);
console.log(encoded);   //Chrome 瀏覽器可以按F12查看Log. 方便Debug

var decode = $.parseJSON(encoded); //使用jQuery parser JSON字串
$('#email').val(decode.email); //取出內容
$('#password').val(decode.password);
但這種方式如果是的JSON陣列字串，
要組合應該就要頭腦非常清楚的時候，
否則可能得花一點時間去debug

因此腦袋思考常會飄走的我，又請教了google大神，
看到國外有人分享這種類似Data Model的方式。
現在就來看看。

圖片來源Designed by Freepik

---

var billingList = {};
$('#save02').click(function () {
billingList.billId =new Date();
billingList.FirstName =$('#shippingFna').val();
billingList.LastName= $('#shippingLna').val();
billingList.address1= $('#shippingAdd1').val();
billingList.address2 = $('#shippingAdd2').val();

var jsonArr = $.makeArray($.parseJSON(localStorage.getItem("demoData")));
if (typeof (jsonArr) != 'undefined' && jsonArr.length != 0)
    console.log("befor:", jsonArr);
else
    jsonArr = jsonArr.filter(function (v) { return v !== null });

jsonArr.push(billingList);
console.log("after:", jsonArr);
localStorage.setItem('demoData', JSON.stringify(jsonArr));

});
是不是相對的就很簡單，程式的可讀性也增加了。