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

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

不言
풀어 주다: 2019-03-14 11:49:54
앞으로
2670명이 탐색했습니다.

이 글에서는 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으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿