HarmonyOS 鸿蒙Next ArkTS如何读取本地json

还没弄完

import util from '@ohos.util'
import fileio from '@ohos.fileio'
import { CountryModel } from '../model/CountryModel'
import ArrayList from '@ohos.util.ArrayList'

@Entry
@Component
struct PanelExample {
  @State show: boolean = false
  private select: number = 1
  provinceArrayA: string[] = ['北京市', '天津市', '河北省', '山西省', '陕西省']
  cityArrayB: string[] = ['北京市', '天津市', '河北省', '山西省', '陕西省']
  areaArrayC: string[] = ['北京市', '天津市', '河北省', '山西省', '陕西省']
  options1Items: ArrayList<CountryModel> = new ArrayList
  options2Items: ArrayList<ArrayList<String>> = new ArrayList
  options3Items: ArrayList<ArrayList<ArrayList<String>>> = new ArrayList

  @PageLifecycle(PageStage.Show)
  onPageShow() {
    this.read_fileIo()
  }

  /// 
  /**
   * 读取路径
   * data/storage/el1/bundle/entry/resources/rawfile/province.json
   * 下的json文件内的省市区内容
   */
  private stream: fileio.Stream

  async read_fileIo() {
    let stat = fileio.statSync(globalThis.localFilePath);
    console.log('文件具体信息：' + stat.size)

    let readFd = fileio.openSync(globalThis.localFilePath, 0o0); //0o0代表只读打开文件
    this.stream = fileio.fdopenStreamSync(readFd, "r")
    let buf = new ArrayBuffer(stat.size) //文件大小
    let readOut = await this.stream.read(buf)

    let textDecoder = new util.TextDecoder("utf-8", { ignoreBOM: true }); //解决中文乱码问题
    let buffer = new Uint8Array(readOut.buffer)

    let readString = textDecoder.decode(buffer, { stream: false });
    console.log('文件内容：' + JSON.stringify(readString))

    var jsonBean: ArrayList<CountryModel> = JSON.parse(readString);
    this.options1Items = jsonBean;

    for (var index = 0; index < jsonBean.length; index++) {

      var cityList: ArrayList<String> = new ArrayList;
      var province_AreaList: ArrayList<ArrayList<String>> = new ArrayList;

      var cityArray = jsonBean[index].city;
      for (var c = 0; c < cityArray.length; c++) { //遍历该省份的所有城市

        var cityName = cityArray[c].name;

        cityList.add(cityName);
        var city_AreaList: ArrayList<String> = new ArrayList;
        var area = cityArray[c].area;
        for (var d = 0; d < area.length; d++) { //遍历
          city_AreaList.add(area[d]);
        }

        province_AreaList.add(city_AreaList);

      }

      /**
       * 添加城市数据
       */
      this.options2Items.add(cityList);

      /**
       * 添加地区数据
       */
      this.options3Items.add(province_AreaList);

    }

    this.options1Items.forEach((value, index) => {
      console.log("遍历数组一级A:" + value.name, index);
      console.log("遍历数组一级B:" + JSON.stringify(value.city), index);
      this.provinceArrayA.push(value.name);

    })
    this.options3Items.forEach((value, index) => {
      console.log("遍历数组三级级A:" + JSON.stringify(value), index);
    })

    this.stream.close()
    fileio.close(readFd)
  }

  build() {
    Column() {
      Text('2021-09-30    Today Calendar: 1.afternoon......Click for details')
        .width('90%')
        .height(50)
        .borderRadius(10)
        .backgroundColor(0xFFFFFF)
        .padding({ left: 20 })
        .onClick(() => {
          this.show = !this.show
        })

      Panel(this.show) { // 展示日程
        Column() {
          Row() {

            TextPicker({ range: this.provinceArrayA, selected: this.select })
              .layoutWeight(1)
              .onChange((value: string, index: number) => {
                console.info('Picker item changed, value: ' + value + ', index: ' + index)

                for (var i = 0;i < this.options2Items.length; i++) {
                  if (index == i) {
                    var a: ArrayList<string> = this.options2Items[i];
                    for (var index = 0; index < a.length; index++) {
                      const element = a[index];
                      this.cityArrayB.push(element)
                    }
                  }

                }

              })
            TextPicker({ range: this.cityArrayB, selected: this.select })
              .layoutWeight(1)
              .onChange((value: string, index: number) => {
                console.info('Picker item changed, value: ' + value + ', index: ' + index)
              })
            TextPicker({ range: this.areaArrayC, selected: this.select })
              .layoutWeight(1)
              .onChange((value: string, index: number) => {
                console.info('Picker item changed, value: ' + value + ', index: ' + index)
              })
          }
        }
      }
      .type(PanelType.Foldable)
      .mode(PanelMode.Half)
      .dragBar(true) // 默认开启
      .halfHeight(500) // 默认一半
      .onChange((width: number, height: number, mode: PanelMode) => {
        console.info(`width:${width},height:${height},mode:${mode}`)
      })
    }.width('100%').height('100%').backgroundColor(0xDCDCDC).padding({ top: 5 })
  }
}

apiType: ‘stageMode’,

北京市

• 东城区
• 西城区
• 崇文区
• 宣武区
• 朝阳区
• 丰台区
• 石景山区
• 海淀区
• 门头沟区
• 房山区
• 通州区
• 顺义区
• 昌平区
• 大兴区
• 平谷区
• 怀柔区
• 密云县
• 延庆县

天津市

• 和平区
• 河东区
• 河西区
• 南开区
• 河北区
• 红桥区
• 塘沽区
• 汉沽区
• 大港区
• 东丽区
• 西青区
• 津南区
• 北辰区
• 武清区
• 宝坻区
• 宁河县
• 静海县
• 蓟 县