주, 도시 및 지구의 3 단계 트리 구조 데이터를 평평하게하고 선택한 상태에 따라 결과를 간소화하는 방법은 무엇입니까?

지방, 도시 및 지구의 3 단계 트리 구조 데이터를 평평하게하고 선택된 상태에 따라 결과를 간소화합니다.

이 기사는 지방, 도시 및 지구의 3 단계 트리 구조 데이터를 평평하게하는 방법을 소개하고 선택한 상태에 따라 결과를 간소화하는 방법을 소개합니다. 원래 데이터는 지방, 도시, 지구 및 카운티 정보 및 선택된 상태를 포함한 트리 구조를 채택합니다 ( checked: 1 선택). 목표는 필요한 영역 코드 및 계층 구조 정보 만 포함하는 평평한 구조를 생성하는 것입니다.

원본 데이터 예 :

 [의 뜻
  {
    "코드": "110000",
    "가치": "베이징",
    "확인": "1",
    "어린이들": [
      {
        "코드": "110100",
        "가치": "베이징",
        "확인": "1",
        "어린이들": [
          { "Code": "110101", "Value": "Dongcheng District", "Checked": "1"},
          { "Code": "110102", "Value": "Xicheng District", "Checked": "1"}
        ]]
      }
    ]]
  },
  {
    "코드": "120000",
    "가치": "Tianjin City",
    "확인": "1",
    "어린이들": [
      {
        "코드": "120100",
        "가치": "Tianjin City",
        "확인": "1",
        "어린이들": [
          { "Code": "120101", "Value": "Heping District", "Checked": "0"},
          { "Code": "120102", "Value": "Hedong District", "Checked": "1"}
        ]]
      }
    ]]
  }
]]

대상 플랫 구조 :

모든 3 차 영역이 선택된 경우, 첫 번째 수준 및 제 2 레벨 영역 코드 만 유지됩니다. 모든 3 차 지역이 선택된 경우, 첫 번째 수준의 영역 코드 만 유지됩니다. 3 단계 영역 만 선택되면 첫 번째 레벨, 2 차 및 3 차 영역 코드 만 유지됩니다.

 [의 뜻
  {
    "ProvinceareAld": "110000",
    "CityAreald": Null,
    "CountryAreald": Null,
    "실제 공관": "1"
  },
  {
    "ProvinceareAld": "120000",
    "CityAreald": "120100",
    "CountryAreald": "120102",
    "실제 상대 레벨": "3"
  }
]]

자바 스크립트 기능 구현 :

다음 JavaScript 함수 flattenData 데이터 평판을 구현합니다.

 함수 flattendata (data) {
  const result = [];

  함수 프로세스 노드 (노드, 부모) {
    if (node.checked === "1") {
      const 항목 = {
        Provinceareald : 부모? parent.code : node.code,
        Cityareald : Null,
        Countryareald : Null,
        realeareaLevel : '1'
      };

      if (node.children) {
        const allchildrenchecked = node.children.every (child => child.checked === "1");
        if (AllChildrenChecked) {
          item.actualarealevel = node.children [0] .Children? '2': '1';
          if (node.children [0] .Children) {
            item.cityareald = node.children [0] .code;
          }
        } 또 다른 {
          item.actualAreaLevel = '2';
          item.cityAreald = node.code;
          for (node.children의 const child) {
            ProcessNode (자식, 항목);
          }
          반품;
        }
      }

      result.push (항목);
    } else if (node.children) {
      for (node.children의 const child) {
        ProcessNode (자식, 노드);
      }
    }
  }

  for (data의 const 노드) {
    프로세스 노드 (노드);
  }

  반환 결과;
}

// 예제 사용법 const data = [/ * ... 원시 데이터 ... */];
const flatteneddata = flattendata (데이터);
Console.log (flatteneddata);

이 기능은 재귀 적 방법을 사용하여 트리 구조를 처리하고 선택된 상태 및 하위 노드 선택에 따라 actualAreaLevel 및 cityAreald 및 countryAreald 필드의 값을 동적으로 조정하고 마지막으로 얇은 플랫 데이터를 생성합니다. 코드는 또한 최적화되어 불필요한 기능 중첩을 줄이고 가독성과 효율성을 향상시킵니다.

위 내용은 주, 도시 및 지구의 3 단계 트리 구조 데이터를 평평하게하고 선택한 상태에 따라 결과를 간소화하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!