【Javascript】操作json 多层json对象，根据key获取value；获取json的所有的key

最新推荐文章于 2024-10-17 22:22:33 发布

原创最新推荐文章于 2024-10-17 22:22:33 发布 · 1w 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#json #key获取value #键获取值

JavaScript 专栏收录该内容

33 篇文章

订阅专栏

本文详细介绍了如何使用JavaScript操作JSON对象，包括如何根据多层键来获取对应的值，以及如何遍历JSON获取所有的键。无论是在前端开发还是后端处理，这些技巧对于处理复杂的JSON数据都是至关重要的。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/**
 * 根据key找value：当key都是唯一、不会重复的时候
 * @param jsonData：json数据
 * @param pathArr：路径(带父级)，如：girlfriend.age
 * @return {Array}
 */
function getValueByKey (data, field) {
    for (let key in data) {
        if (key === field) {
            return data[key];
        }
        if (typeof(data[key]) === 'object' && data[key].length === undefined) {
            return getValueByKey(data[key], textField);
        } 
    }
}

var jsonObj = {
    "中国": {
        "北京": [
            "朝阳"
        ],
        "广州": [
            "天河"
        ]
    },
    "美国": {},
    "英国": [
        "爱尔兰"
    ]
}

var result = getValueByKey(jsonObj, '广州');
console.log(result);  //['天河']

/**
 * 根据key的路径找value
 * @param jsonData：json数据
 * @param pathArr：路径(带父级)，如：girlfriend.age
 * @return {Array}
 */
 function getValueByKey(jsonData, pathArr) {
    var values = [];

    for (var idx in pathArr) {
        var valueJson = {};
        valueJson.path = pathArr[idx];

        var keyArr = pathArr[idx].split(".");

        var value = jsonData;

        for (var i in keyArr) {
            value = value[keyArr[i]];
        }

        valueJson.value = value;
        values.push(valueJson);

    }
    return values;
}

var jsonData = {
    name: 'simet',
    age: 22,
    girlfriend: {
        name: 'betty',
        age: 21,

    }
};

var cc = getValueByKey(jsonData, ['girlfriend.age', 'age']);
console.log(cc);

/**
 * 获取json的所有key
 * @param jsonObj：json值
 * @param parentPath
 * @return {Array}
 */
function getKeyAndPath(jsonObj, parentPath) {
    var keyJsonArr = [];
    var space = '';
    if (parentPath != null) {
        for (var i = 0; i < parentPath.split('.').length; i++) {
            space = space + ' ';
        }
    }
    for (var key in jsonObj) {
        var path;
        if (parentPath == null) {
            path = key;
        } else {
            path = parentPath + '.' + key;
        }
        var keyJsonObj = {};
        keyJsonObj.key = key;
        keyJsonObj.newKey = space + key;
        keyJsonObj.path = path;
        keyJsonArr.push(keyJsonObj);
        if (typeof (jsonObj[key]) == 'object' && jsonObj[key].length == undefined) {
            keyJsonArr = keyJsonArr.concat(getKeyAndPath(jsonObj[key], path));
        }
    }
    return keyJsonArr;
}
var aaaaa = getKeyAndPath(jsonData);
console.log(aaaaa);