Как создать словарь и динамически добавлять пары ключ-значение?
Из поста:
Отправка массива JSON для получения в виде словаря
Я пытаюсь сделать то же самое, что и этот пост. Единственная проблема заключается в том, что я не знаю, какие ключи и значения заранее. Поэтому мне нужно иметь возможность динамически добавлять пары ключ и значение, и я не знаю, как это сделать.
Кто-нибудь знает, как создать этот объект и динамически добавлять пары ключ-значение?
Я пробовал:
var vars = [{key:"key", value:"value"}];
vars[0].key = "newkey";
vars[0].value = "newvalue";
Но это не работает.
19 ответов
var dict = []; // create an empty array
dict.push({
key: "keyName",
value: "the value"
});
// repeat this last part as needed to add more key/value pairs
По сути, вы создаете объектный литерал с двумя свойствами (называемый key а также value) и вставив его (используя push()) в массив.
Редактировать: Таким образом, почти 5 лет спустя, этот ответ получает отрицательные отзывы, потому что он не создает "нормальный" литерал объекта JS (он же map, он же hash, он же словарь).
Однако он создает структуру, которую запрашивал OP (и которая проиллюстрирована в другом вопросе, связанном с), который представляет собой массив литералов объекта, каждый из которых имеет key а также value свойства. Не спрашивайте меня, почему эта структура требовалась, но это та, о которой просили.
Но, если, что вы хотите в простом объекте JS - а не в структуре, которую запрашивал OP, - см . Ответ tcll, хотя обозначение в скобках немного громоздко, если у вас просто простые ключи, которые являются действительными именами JS. Вы можете просто сделать это:
// object literal with properties
var dict = {
key1: "value1",
key2: "value2"
// etc.
};
Или используйте обычные точечные обозначения для установки свойств после создания объекта:
// empty object literal with properties added afterward
var dict = {};
dict.key1 = "value1";
dict.key2 = "value2";
// etc.
Вам нужна скобочная запись, если у вас есть ключи с пробелами, специальные символы или тому подобное. Например:
var dict = {};
// this obviously won't work
dict.some invalid key (for multiple reasons) = "value1";
// but this will
dict["some invalid key (for multiple reasons)"] = "value1";
Вам также нужна скобочная запись, если ваши ключи динамические:
dict[firstName + " " + lastName] = "some value";
Обратите внимание, что ключи (имена свойств) всегда являются строками, а не строковые значения будут приводиться к строке при использовании в качестве ключа. Например Date Объект преобразуется в его строковое представление:
dict[new Date] = "today's value";
console.log(dict);
// => {
// "Sat Nov 04 2016 16:15:31 GMT-0700 (PDT)": "today's value"
// }
Обратите внимание, что это не обязательно "просто работает", так как многие объекты будут иметь строковое представление, например "[object Object]" который не делает для неуникального ключа. Так что будьте осторожны с чем-то вроде:
var objA = { a: 23 },
objB = { b: 42 };
dict[objA] = "value for objA";
dict[objB] = "value for objB";
console.log(dict);
// => { "[object Object]": "value for objB" }
Несмотря на objA а также objB будучи абсолютно разными и уникальными элементами, они оба имеют одинаковое базовое строковое представление: "[object Object]",
Причина Date не ведет себя так, что это Date прототип имеет кастом toString метод, который переопределяет строковое представление по умолчанию. И вы можете сделать то же самое:
// a simple constructor with a toString prototypal method
function Foo() {
this.myRandomNumber = Math.random() * 1000 | 0;
}
Foo.prototype.toString = function () {
return "Foo instance #" + this.myRandomNumber;
};
dict[new Foo] = "some value";
console.log(dict);
// => {
// "Foo instance #712": "some value"
// }
(Обратите внимание, что поскольку в приведенном выше примере используется случайное число, конфликты имен могут все еще происходить очень легко. Это просто для иллюстрации реализации toString.)
Поэтому при попытке использовать объекты в качестве ключей, JS будет использовать собственный объект toString реализации, если таковые имеются, или использовать строковое представление по умолчанию.
var dict = {};
dict['key'] = "testing";
console.log(dict);
работает как питон:)
консольный вывод:
Object {key: "testing"}
Это так же просто, как:
var blah = {}; // make a new dictionary (empty)
или же
var blah = {key: value, key2: value2}; // make a new dictionary with two pairs
затем
blah.key3 = value3; // add a new key/value pair
blah.key2; // returns value2
blah['key2']; // also returns value2
Так как вы заявили, что вам нужен объект словаря (а не массив, как я полагаю, некоторые поняли), я думаю, что это то, что вам нужно:
var input = [{key:"key1", value:"value1"},{key:"key2", value:"value2"}];
var result = {};
for(var i = 0; i < input.length; i++)
{
result[input[i].key] = input[i].value;
}
console.log(result); // Just for testing
В JavaScript Object само по себе как словарь. Не нужно изобретать велосипед.
var dict = {};
// Adding key-value -pairs
dict['key'] = 'value'; // Through indexer
dict.anotherKey = 'anotherValue'; // Through assignment
// Looping through
for (var item in dict) {
console.log('key:' + item + ' value:' + dict[item]);
// Output
// key:key value:value
// key:anotherKey value:anotherValue
}
// Non existent key
console.log(dict.notExist); // undefined
// Contains key?
if (dict.hasOwnProperty('key')) {
// Remove item
delete dict.key;
}
// Looping through
for (var item in dict) {
console.log('key:' + item + ' value:' + dict[item]);
// Output
// key:anotherKey value:anotherValue
}
Вы можете использовать карты с Map, как это:
var sayings = new Map();
sayings.set('dog', 'woof');
sayings.set('cat', 'meow');
В ES6 вы можете сделать это:
let cake = '';
let pan = {
[cake]: '',
};
// Output -> { '': '' }
Старый путь
let cake = '';
let pan = {
id: 1,
};
pan[cake] = '';
// Output -> { '': '' }
Мне довелось пройтись по этому вопросу в поисках чего-то похожего. Это дало мне достаточно информации, чтобы выполнить тест, чтобы получить ответ, который я хотел. Поэтому, если кто-то еще хочет знать, как динамически добавлять или искать пару {ключ: 'значение'} в объекте JavaScript, этот тест должен рассказать вам все, что вам может понадобиться знать.
var dictionary = {initialkey: 'initialValue'};
var key = 'something';
var key2 = 'somethingElse';
var value = 'value1';
var value2 = 'value2';
var keyInitial = 'initialkey';
console.log(dictionary[keyInitial]);
dictionary[key] =value;
dictionary[key2] = value2;
console.log(dictionary);
выход
initialValue
{ initialkey: 'initialValue',
something: 'value1',
somethingElse: 'value2' }
var dictionary = {};//create new object
dictionary["key1"] = value1;//set key1
var key1 = dictionary["key1"];//get key1
Первая глобальная инициализация массива
var dict = []
Добавить объект в словарь
dict.push(
{ key: "One",value: false},
{ key: "Two",value: false},
{ key: "Three",value: false});
Output :
[0: {key: "One", value: false}
1: {key: "Two", value: false}
2: {key: "Three", value: false}]
Обновить объект из словаря
Object.keys(dict).map((index) => {
if (index == 1){
dict[index].value = true
}
});
Output :
[0: {key: "One", value: false},
1: {key: "Two", value: true},
2: {key: "Three", value: false}]
Удалить объект из словаря
Object.keys(dict).map((index) => {
if (index == 2){
dict.splice(index)
}
});
Output :
[0: {key: "One", value: false},
1: {key: "Two", value: true}]
В современном javascript (ES6/ES2015) следует использовать структуру данных Map для словаря. Структура данных карты в ES6 позволяет использовать произвольные значения в качестве ключей.
const map = new Map();
map.set("true", 1);
map.set("false", 0);
Если вы все еще используете ES5, правильный способ создания словаря - создать объект без прототипа следующим образом.
var map = Object.create(null);
map["true"]= 1;
map["false"]= 0;
Есть много преимуществ создания словаря без объекта-прототипа. Ниже блоги стоит почитать на эту тему.
Вы можете создать класс Dictionary, чтобы вы могли легко взаимодействовать со списком Dictionary:
class Dictionary {
constructor() {
this.items = {};
}
has(key) {
return key in this.items;
}
set(key,value) {
this.items[key] = value;
}
delete(key) {
if( this.has(key) ){
delete this.items[key]
return true;
}
return false;
}
}
var d = new Dictionary();
d.set(1, "value1")
d.set(2, "value2")
d.set(3, "value3")
console.log(d.has(2));
d.delete(2);
console.log(d.has(2));Как насчет одного лайнера для создания пары ключ-значение?
let result = { ["foo"]: "some value" };
и некоторые функции итератора, такие как reduce динамически преобразовать массив в словарь
var options = [
{ key: "foo", value: 1 },
{ key: "bar", value: {id: 2, name: "two"} },
{ key: "baz", value: {["active"]: true} },
];
var result = options.reduce((accumulator, current) => {
accumulator[current.key] = current.value;
return accumulator;
}, {});
console.log(result);Улучшение var dict = {} это использовать var dict = Object.create(null),
Это создаст пустой объект, который не имеет Object.prototype как это прототип.
var dict1 = {};
if (dict1["toString"]){
console.log("Hey, I didn't put that there!")
}
var dict2 = Object.create(null);
if (dict2["toString"]){
console.log("This line won't run :)")
}
Я столкнулся с этой проблемой.. но в рамках цикла. Верхнее решение не сработало (при использовании переменных (а не строк) для параметров функции push), а другие не учитывали значения ключей, основанные на переменных. Я был удивлен, что этот подход (который распространен в php) сработал..
// example dict/json
var iterateDict = {'record_identifier': {'content':'Some content','title':'Title of my Record'},
'record_identifier_2': {'content':'Some different content','title':'Title of my another Record'} };
var array = [];
// key to reduce the 'record' to
var reduceKey = 'title';
for(key in iterateDict)
// ultra-safe variable checking...
if(iterateDict[key] !== undefined && iterateDict[key][reduceKey] !== undefined)
// build element to new array key
array[key]=iterateDict[key][reduceKey];
В случае, если кому-то нужно динамически создать объект словаря, вы можете использовать следующий фрагмент кода
Было бы очень полезно узнать, каков ваш конечный желаемый результат, но я думаю, что это то, что вы хотите:
var vars = [{key:"key", value:"value"}];
vars.push({key: "newkey", value: "newvalue"})
Вы можете инициализировать словарь, например
var vars = {
"key1": "Search",
"key2": "View"
};
и получить доступ к нему как
console.log(vars["key1"]);
Есть много способов добавить пары ключ-значение вручную. Например, путем создания нового объекта и добавления элементов один за другим или добавления элементов с помощью индекса и т. Д.
dict = {}
dict['name'] = 'Name';
dict['id'] = 'f16el160'
Чтобы узнать больше или узнать другие способы, перейдите по ссылке .