Поиск объекта внутри JSON

Question

{"widget": {
    "debug": "on",
    "window": {
        "title": "Sample Konfabulator Widget",
        "name": "main_window",
        "width": 500,
        "height": 500
    },
    "image": { 
        "src": "Images/Sun.png",
        "name": "sun1",
        "hOffset": 250,
        "vOffset": 250,
        "alignment": "center"
    },
    "text": {
        "data": "Click Here",
        "size": 36,
        "style": "bold",
        "name": "text1",
        "hOffset": 250,
        "vOffset": 100,
        "alignment": "center",
        "onMouseUp": "sun1.opacity = (sun1.opacity / 100) * 90;"
    }
}}    

Вот моя строка JSON. Теперь я хочу найти имя в этом JSON, а затем отобразить результаты ...

Answer 1

Итерация по клавишам: (улучшение ответа Амит Гупты)

var result = [];
getNames(data, "name");
document.write("result: " + result.join(", "));

function getNames(obj, name) {
    for (var key in obj) {
        if (obj.hasOwnProperty(key)) {
            if ("object" == typeof(obj[key])) {
                getNames(obj[key], name);
            } else if (key == name) {
                result.push(obj[key]);
            }
        }
    }
}

Рабочая демонстрация @ http://jsfiddle.net/roberkules/JFEMH/

const data = {
  "widget": {
    "debug": "on",
    "window": {
      "title": "Sample Konfabulator Widget",
      "name": "main_window",
      "width": 500,
      "height": 500
    },
    "image": {
      "src": "Images/Sun.png",
      "name": "sun1",
      "hOffset": 250,
      "vOffset": 250,
      "alignment": "center"
    },
    "text": {
      "data": "Click Here",
      "size": 36,
      "style": "bold",
      "name": "text1",
      "hOffset": 250,
      "vOffset": 100,
      "alignment": "center",
      "onMouseUp": "sun1.opacity = (sun1.opacity / 100) * 90;"
    }
  }
}

let result = [];
getNames(data, "title");
document.write("result: " + result.join(", "));

function getNames(obj, name) {
  for (var key in obj) {
    if (obj.hasOwnProperty(key)) {
      if ("object" == typeof(obj[key])) {
        getNames(obj[key], name);
      } else if (key == name) {
        result.push(obj[key]);
      }
    }
  }
}

Answer 2

Вы можете использовать Jquery для анализа JSON

 $.ajax({
    type: "POST",
    url: "../JSON Source",
    success: function(msg) {
    var obj=jQuery.parseJSON(msg);
    if(obj.debug== "on"){
        //do anything

. , , , .

Answer 3

Вы можете рекурсивно повторять все объекты внутри данного объекта.

    s = "";

    function recursiveSearch(obj, name){
       if(typeof(obj)==="object" {
         for(var key in obj) {
            if (obj.hasOwnProperty(key)) {
              s += ":" + recursiveSearch(obj[key], name);
            }  
       } else if( typeof(obj["name"] != 'undefined') {
         s += ":" + obj["name"];

    }

Выходные данные будут разделены двоеточиями с ключом "name"

Answer 4

Вместо написания пользовательских функций поиска вы можете использовать DefiantJS (http://defiantjs.com), который включает запросы к структурам JSON с выражениями XPath. Пример:

    var data = {
     "widget": {
        "debug": "on",
        "window": {
           "title": "Sample Konfabulator Widget",
           "name": "main_window",
           "width": 500,
           "height": 500
        },
        "image": {
           "src": "Images/Sun.png",
           "name": "sun1",
           "hOffset": 250,
           "vOffset": 250,
           "alignment": "center"
        },
        "text": {
           "data": "Click Here",
           "size": 36,
           "style": "bold",
           "name": "text1",
           "hOffset": 250,
           "vOffset": 100,
           "alignment": "center",
           "onMouseUp": "sun1.opacity = (sun1.opacity / 100) * 90;"
        }
     }
  },
res = JSON.search( data, '//image[name]' );

console.log( res[0].name );

Вот рабочая скрипка:http://jsfiddle.net/hbi99/CRTz9/

DefiantJS расширяет глобальный объект JSON методом «search» и возвращает массив совпадений (пустой массив, если совпадений не найдено).

Answer 5

Я бы рекомендовал использовать это расширение JSON injson .Он позволяет использовать JQuery для поиска ключа в объекте JSON.