Как работать с JSON?

Question

[Artem Pavliienko]

Всем привет.

У меня есть тестовый файл json с данными, мне их нужно записать в localStorage а потом брать от туда и проводить манипуляции.

Загрузил файл и сохранил в localStorage:

$.getJSON( '../json/dataAccount.json', function( data ) {
        localStorage.setItem('accounts', JSON.stringify(data))
    });

Затем хочу в переменную его загрузить и с нее уже брать и записывать.

var DATA = JSON.parse(localStorage.getItem('accounts'));

По разному пробовал записать объектом, но выводил не так как мне нужно.


Кусок json:

[{
  "Acmeindustries": {
    "domain":    ["com Commercial organization", "net Network", "org Organization"],
    "ipaddress": ["12.12.162.0", "165.12.21.170"]
    }
  },
  "Unitedindustrial": {
    "domain":    ["net Commercial ", "net Network", "org Organization"],
    "ipaddress": ["12.12.162.0", "165.12.21.170"]
    }
  }
}]

Подскажите пожалуйста, как записать в переменную.

Comments

[Nick Sdk]

не так как мне нужно

а как нужно? )

Answer 1

[Дмитрий Еремин]

не очень понятно, а как вам нужно

var  a = [
  {
    "Acmeindustries": {
      "domain": [
        "com Commercial organization",
        "net Network",
        "org Organization"
      ],
      "ipaddress": [
        "12.12.162.0",
        "165.12.21.170"
      ]
    }
  },
  {
    "Unitedindustrial": {
      "domain": [
        "net Commercial ",
        "net Network",
        "org Organization"
      ],
      "ipaddress": [
        "12.12.162.0",
        "165.12.21.170"
      ]
    }
  }
]

console.log(a) // [{...}, {...}]
localStorage.setItem('dt', JSON.stringify(a))

var b = JSON.parse(localStorage.getItem('dt'))
console.log(b) // [{...}, {...}]

Comments

[Artem Pavliienko]

У меня много данных, поэтому я записал в отдельный файл dataAccount.json. Мне нужно брать данные как с обычного объекта. Например b.Acmeindustries.domain и тому подобное

[Artem Pavliienko]

В общем получилось какое сделать

var DATA = JSON.parse(localStorage.getItem('accounts')),
        DATAObj = DATA[0],
console.log(DATAObj.Acmeindustries);

и уже через DATAObj обращаться. Но что-то мне кажется что это не совсем красиво. Если кто знает как сделать по другому, жду комментарии.

[Дмитрий Еремин]

Artem Pavliienko, так. Стоп
Вы сейчас просто взяли первый элемент в массиве и с ним работаете

вам-то что нужно в итоге? Сформулируйте, из вопроса - не ясно. ясно только, что "По разному пробовал записать объектом, но выводил не так как мне нужно."

[Дмитрий Еремин]

Artem Pavliienko, вам нужно в localStorage хранить каждый объект отдельно или все же хранить одним массивом, но потом работать с ними отдельно?

[Artem Pavliienko]

Просто по другому я не пойму как это сделать. Мне нужно все данные хранить одним массивом. Взять эти данные, сохранить в переменную, если нужно изменить, и снова записать.

Сорри если запутал.

[Дмитрий Еремин]

Artem Pavliienko, так, хорошо
код, который я привел в ответе сохраняет массив в localStorage и возвращает оттуда тоже массив

прост вынесите это в два метода, типа saveToLs(data) и loadFromLs() и работайте с ними

[Artem Pavliienko]

Дмитрий Еремин, а что за методы? и как их использовать. Гугл ни чего не выдал

[Дмитрий Еремин]

Artem Pavliienko, не-не, их нет. Нужно самому создать для удобства работы

типа того:

function saveToLS(dt){
	localStorage.setItem('data', JSON.stringify(dt))
}

function loadFromLS(){
	return JSON.parse(localStorage.getItem('data'))
}
var data = [
  {
    "Acmeindustries": {
      "domain": [
        "com Commercial organization",
        "net Network",
      ],
      "ipaddress": [
        "12.12.162.0",
        "165.13.21.170"
      ]
    }
  },
  {
    "Unitedindustrial": {
      "domain": [
        "net Commercial ",
        "net Network",
        "org Organization"
      ],
      "ipaddress": [
        "12.12.162.0",
        "165.12.21.179"
      ]
    }
  }
]



function saveToLS(data);

loadFromLS().forEach(acc => {
	var name = Object.keys(acc)[0]
	var domains = acc[name].domain
	var addresses = acc[name].ipaddress

console.log(name)	
console.log(domains)
console.log(addresses)
})

[Artem Pavliienko]

Дмитрий Еремин, спасибо)