> 웹 프론트엔드 > JS 튜토리얼 > json 객체의 키와 js 객체 속성을 순회하는 자바스크립트의 샘플 코드에 대한 자세한 설명(그림)

json 객체의 키와 js 객체 속성을 순회하는 자바스크립트의 샘플 코드에 대한 자세한 설명(그림)

黄舟
풀어 주다: 2017-03-21 14:38:14
원래의
2034명이 탐색했습니다.

다음 편집기는 json 객체의 키와 js 객체 속성 인스턴스를 탐색하는 javascript 기사를 제공합니다. 에디터가 꽤 좋다고 생각해서 지금 공유해서 참고용으로 올려보겠습니다. 편집기를 따라가서 살펴보겠습니다.

key 메소드를 사용하여 객체의 속성과 메소드를 가져옵니다. :

 function Pasta(grain, width, shape) {
        this.grain = grain;
        this.width = width;
        this.shape = shape;
        this.toString = function () {
          return (this.grain + ", " + this.width + ", " + this.shape);
        }
      }
      
      var spaghetti = new Pasta("wheat", 0.2, "circle");
      var arr = Object.keys(spaghetti);
      document.write(arr);
로그인 후 복사

결과:

Pasta 개체에서 문자 "g"로 시작하는 모든 열거 가능한 속성의 이름을 표시합니다.

function Pasta(grain, width, shape) {
        this.grain = grain;
        this.width = width;
        this.shape = shape;
      }

      function CheckKey(value) {
        var firstChar = value.substr(0, 1);
        if (firstChar.toLowerCase() == "g") {
          return true;
        } else {
          return false;
        }
      }

      var polenta = new Pasta("corn", 1, "mush");
      var keys = Object.keys(polenta).filter(CheckKey);
      document.write(keys);
로그인 후 복사

결과:

json 개체의 키를 탐색합니다.

var an_obj = { 100: 'a', 2: 'b', 7: 'c', "name": "wu", "interesting": "Game" };
 document.write(Object.keys(an_obj));
로그인 후 복사

결과는 다음과 같습니다.


위 내용은 json 객체의 키와 js 객체 속성을 순회하는 자바스크립트의 샘플 코드에 대한 자세한 설명(그림)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿