js读取json选择城市

[
    {"id": 1, "name": "北京"},
    {"id": 2, "name": "上海"},
    {"id": 3, "name": "广州"},
    {"id": 4, "name": "深圳"}
]

// 使用fetch API读取本地JSON文件（在支持的环境下，如现代浏览器）
fetch('cities.json')
    .then(response => response.json())
    .then(data => {
        // 处理数据，例如生成城市选择列表
        const citySelect = document.getElementById('city-select');
        data.forEach(city => {
            const option = document.createElement('option');
            option.value = city.id;
            option.textContent = city.name;
            citySelect.appendChild(option);
        });
    })
    .catch(error => console.error('Error loading JSON:', error));

// 如果是在Node.js环境下，可以使用fs模块读取文件
const fs = require('fs');
fs.readFile('cities.json', 'utf8', (err, jsonString) => {
    if (err) {
        console.log("Error reading file:", err);
        return;
    }
    try {
        const data = JSON.parse(jsonString);
        // 处理数据...
    } catch (parseErr) {
        console.log("Error parsing JSON:", parseErr);
    }
});