>웹 프론트엔드 >JS 튜토리얼 >JavaScript 객체 직렬화, toString() 및 valueOf() 사용법 소개

JavaScript 객체 직렬화, toString() 및 valueOf() 사용법 소개

不言
不言앞으로
2019-03-14 11:49:082669검색

이 글에서는 JavaScript 객체 직렬화, toString() 및 valueOf() 사용법에 대해 소개합니다. 필요한 참조 값이 있을 수 있으므로 참고하시기 바랍니다. 당신에게 도움이 됩니다.

Serialization

JSON.stringify() 처리 객체

let obj = {
            val: undefined,
            a: NaN,
            b: Infinity,
            c: new Date(),
            d: { e: 'nice' },
            y: Object
          }
console.log(JSON.stringify(obj)) 
//输出 "{ "a": null, "b": null, "c": "2019-03-13T12:01:44.295Z", "d": "{ "e": "nice" }" }"

객체의 값이 정의되지 않은 객체인 경우 무시되며, NaN의 경우 무시되고 Infinity가 null이고 객체 인스턴스가 d입니다. 키와 값에 큰따옴표를 추가하세요.

JSON.stringify()가 배열을 처리합니다

let arr = [undefined, Object, Symbol(""), { e: 'nice' }]
console.log(JSON.stringify(arr)) 
//输出 "[null, null, null, { "e": "nice" }]"

Custom 직렬화

사용자 정의 직렬화를 위해 toJSON() 메서드를 재정의할 수 있습니다.

let obj = {
            x: 1,
            y: 2,
            re: {
                  re1: 1,
                  re2: 2,
                  toJSON: function(){
                      return this.re1 + this.re2;
                  }  
                }
          }
console.log(JSON.stringify(obj))
//输出 "{ "x":1, "y":2, "re":3 }"

ToSting() of the object

let obj = { x:1, y:2 }
console.log(obj.toString()) //输出 "[object Object]" 

obj.toString = function(){
                    return this.x + this.y;
               }
"Result" + obj; //输出 "Result3" 调用了toString
+obj; //输出 "3" 调用了toString

obj.valueOf = function(){
                    return this.x + this.y + 100;
               }
"Result" + obj; //输出 "Result103" 调用了toString

toString과 valueOf가 모두 존재하는 경우, 작업이 수행되면 기본 유형으로 변환을 시도하고 먼저 valueOf를 찾습니다. 기본 유형이 반환되면 valueOf만 호출하고, 그렇지 않은 경우 예를 들어 객체인 경우 toString을 찾으세요. Object도 반환하면 오류가 보고됩니다

위 내용은 JavaScript 객체 직렬화, toString() 및 valueOf() 사용법 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 segmentfault.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제