「ng2」json组装和解析

转自“https://github.com/zLulus/NotePractice/blob/dev3/Website/DotNetCore/CoreAngular/src/app/json-examples/json-examples.component.ts”

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-json-examples',
  templateUrl: './json-examples.component.html',
})
export class JsonExamplesComponent implements OnInit {
    var id ="10"
    data={
        id:Number(10), // 字符串转number整型
        text:{
            title:'title',
            content:'content'
        },
        image:{
            url:'image url',
            name:'image name',
            size:'900KB'
        }
    };
    dataStr:string;
    convertData:any;

    constructor() { }

    ngOnInit() {
        this.Test();
    }

    Test(): void {
        this.dataStr=JSON.stringify(this.data);
        console.log('JSON.stringify(any)');
        console.log(this.dataStr);
        this.convertData=JSON.parse(this.dataStr);
        console.log('JSON.parse(string)');
        console.log(this.convertData);
    }

}