Mapping object values from one object to another
I have an object called defaultOptions and a function that accepts as an argument an object called newValues meant to override the values in defaultOptions with its own. The values that are not specified in newValues should remain default.
var configOptions = {
isActive: false,
name: "",
description: "",
category: "",
group: "default"
}
publishOptions: function(newValues){
$.each(newValues, function(key, value){
if(configOptions.hasOwnProperty(key)){
configOptions[key] = value;
}
else{
configOptions[key] = value;
}
});
console.log(configOptions);
}
For example, if I use this method like so:
var myOptions = {
name: "option one",
category: "the best"
}
publishOptions(myOptions)
I would expect configOptions to look like this:
configOptions = {
isActive: false,
name: "option one",
description: "",
category: "the best",
group: "default"
}
I'm using jQuery's each method to map the values from newValues to configOptions, but I suspect there is a much more succinct and elegant way to do this. I would appreciate any suggestions.
javascript jquery hash-table
edited Jan 16 '16 at 16:00
Quill
10.4k53287
asked Sep 17 '14 at 14:06
tim
14015
add a comment |
I have an object called defaultOptions and a function that accepts as an argument an object called newValues meant to override the values in defaultOptions with its own. The values that are not specified in newValues should remain default.
var configOptions = {
isActive: false,
name: "",
description: "",
category: "",
group: "default"
}
publishOptions: function(newValues){
$.each(newValues, function(key, value){
if(configOptions.hasOwnProperty(key)){
configOptions[key] = value;
}
else{
configOptions[key] = value;
}
});
console.log(configOptions);
}
For example, if I use this method like so:
var myOptions = {
name: "option one",
category: "the best"
}
publishOptions(myOptions)
I would expect configOptions to look like this:
configOptions = {
isActive: false,
name: "option one",
description: "",
category: "the best",
group: "default"
}
I'm using jQuery's each method to map the values from newValues to configOptions, but I suspect there is a much more succinct and elegant way to do this. I would appreciate any suggestions.
javascript jquery hash-table
edited Jan 16 '16 at 16:00
Quill
10.4k53287
asked Sep 17 '14 at 14:06
tim
14015
add a comment |
I have an object called defaultOptions and a function that accepts as an argument an object called newValues meant to override the values in defaultOptions with its own. The values that are not specified in newValues should remain default.
var configOptions = {
isActive: false,
name: "",
description: "",
category: "",
group: "default"
}
publishOptions: function(newValues){
$.each(newValues, function(key, value){
if(configOptions.hasOwnProperty(key)){
configOptions[key] = value;
}
else{
configOptions[key] = value;
}
});
console.log(configOptions);
}
For example, if I use this method like so:
var myOptions = {
name: "option one",
category: "the best"
}
publishOptions(myOptions)
I would expect configOptions to look like this:
configOptions = {
isActive: false,
name: "option one",
description: "",
category: "the best",
group: "default"
}
I'm using jQuery's each method to map the values from newValues to configOptions, but I suspect there is a much more succinct and elegant way to do this. I would appreciate any suggestions.
javascript jquery hash-table
edited Jan 16 '16 at 16:00
Quill
10.4k53287
asked Sep 17 '14 at 14:06
tim
14015
I have an object called defaultOptions and a function that accepts as an argument an object called newValues meant to override the values in defaultOptions with its own. The values that are not specified in newValues should remain default.
var configOptions = {
isActive: false,
name: "",
description: "",
category: "",
group: "default"
}
publishOptions: function(newValues){
$.each(newValues, function(key, value){
if(configOptions.hasOwnProperty(key)){
configOptions[key] = value;
}
else{
configOptions[key] = value;
}
});
console.log(configOptions);
}
For example, if I use this method like so:
var myOptions = {
name: "option one",
category: "the best"
}
publishOptions(myOptions)
I would expect configOptions to look like this:
configOptions = {
isActive: false,
name: "option one",
description: "",
category: "the best",
group: "default"
}
I'm using jQuery's each method to map the values from newValues to configOptions, but I suspect there is a much more succinct and elegant way to do this. I would appreciate any suggestions.
javascript jquery hash-table
javascript jquery hash-table
edited Jan 16 '16 at 16:00
Quill
10.4k53287
asked Sep 17 '14 at 14:06
tim
14015
edited Jan 16 '16 at 16:00
Quill
10.4k53287
asked Sep 17 '14 at 14:06
tim
14015
edited Jan 16 '16 at 16:00
Quill
10.4k53287
edited Jan 16 '16 at 16:00
Quill
10.4k53287
edited Jan 16 '16 at 16:00
Quill
10.4k53287
10.4k53287
asked Sep 17 '14 at 14:06
tim
14015
asked Sep 17 '14 at 14:06
tim
14015
asked Sep 17 '14 at 14:06
tim
14015
14015
add a comment |
add a comment |
2 Answers
2
active
oldest
votes
jQuery has extend, which seems to be what you are looking for:
http://api.jquery.com/jquery.extend/
Otherwise, if you don't want to use jQuery at all, you can make a for loop:
var first = { value: 1, string: "two" };
var second = { value: 2 };
for ( var i in second )
if ( first.hasOwnProperty( i ) )
first[i] = second[i];
first.value == 2; // true
As a side, your if statement isn't doing anything because both cases assign the value to configOptions.
answered Sep 17 '14 at 15:09
Carl
436210
add a comment |
You can use Lodash's merge function:
var defaultConfigOptions = {
isActive: false,
name: "",
description: "",
category: "",
group: "default"
}
var myOptions = {
name: "option one",
category: "the best"
}
var configOptions = _.merge({}, defaultConfigOptions, myOptions)
console.log(configOptions === defaultConfigOptions)
console.log("configOptions: ", configOptions)
console.log("defaultConfigOptions: ", defaultConfigOptions)
And this is what you will get:
See in jsbin: https://jsbin.com/jayihus/edit?js,console,output
answered Dec 18 at 10:24
Yuci
1112
New contributor
Yuci is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
return StackExchange.using("mathjaxEditing", function () {
StackExchange.MarkdownEditor.creationCallbacks.add(function (editor, postfix) {
StackExchange.mathjaxEditing.prepareWmdForMathJax(editor, postfix, [["\$", "\$"]]);
});
});
}, "mathjax-editing");
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "196"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fcodereview.stackexchange.com%2fquestions%2f63161%2fmapping-object-values-from-one-object-to-another%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
jQuery has extend, which seems to be what you are looking for:
http://api.jquery.com/jquery.extend/
Otherwise, if you don't want to use jQuery at all, you can make a for loop:
var first = { value: 1, string: "two" };
var second = { value: 2 };
for ( var i in second )
if ( first.hasOwnProperty( i ) )
first[i] = second[i];
first.value == 2; // true
As a side, your if statement isn't doing anything because both cases assign the value to configOptions.
answered Sep 17 '14 at 15:09
Carl
436210
add a comment |
jQuery has extend, which seems to be what you are looking for:
http://api.jquery.com/jquery.extend/
Otherwise, if you don't want to use jQuery at all, you can make a for loop:
var first = { value: 1, string: "two" };
var second = { value: 2 };
for ( var i in second )
if ( first.hasOwnProperty( i ) )
first[i] = second[i];
first.value == 2; // true
As a side, your if statement isn't doing anything because both cases assign the value to configOptions.
answered Sep 17 '14 at 15:09
Carl
436210
add a comment |
jQuery has extend, which seems to be what you are looking for:
http://api.jquery.com/jquery.extend/
Otherwise, if you don't want to use jQuery at all, you can make a for loop:
var first = { value: 1, string: "two" };
var second = { value: 2 };
for ( var i in second )
if ( first.hasOwnProperty( i ) )
first[i] = second[i];
first.value == 2; // true
As a side, your if statement isn't doing anything because both cases assign the value to configOptions.
answered Sep 17 '14 at 15:09
Carl
436210
jQuery has extend, which seems to be what you are looking for:
http://api.jquery.com/jquery.extend/
Otherwise, if you don't want to use jQuery at all, you can make a for loop:
var first = { value: 1, string: "two" };
var second = { value: 2 };
for ( var i in second )
if ( first.hasOwnProperty( i ) )
first[i] = second[i];
first.value == 2; // true
As a side, your if statement isn't doing anything because both cases assign the value to configOptions.
answered Sep 17 '14 at 15:09
Carl
436210
answered Sep 17 '14 at 15:09
Carl
436210
answered Sep 17 '14 at 15:09
Carl
436210
answered Sep 17 '14 at 15:09
Carl
436210
436210
add a comment |
add a comment |
You can use Lodash's merge function:
var defaultConfigOptions = {
isActive: false,
name: "",
description: "",
category: "",
group: "default"
}
var myOptions = {
name: "option one",
category: "the best"
}
var configOptions = _.merge({}, defaultConfigOptions, myOptions)
console.log(configOptions === defaultConfigOptions)
console.log("configOptions: ", configOptions)
console.log("defaultConfigOptions: ", defaultConfigOptions)
And this is what you will get:
See in jsbin: https://jsbin.com/jayihus/edit?js,console,output
answered Dec 18 at 10:24
Yuci
1112
New contributor
Yuci is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
You can use Lodash's merge function:
var defaultConfigOptions = {
isActive: false,
name: "",
description: "",
category: "",
group: "default"
}
var myOptions = {
name: "option one",
category: "the best"
}
var configOptions = _.merge({}, defaultConfigOptions, myOptions)
console.log(configOptions === defaultConfigOptions)
console.log("configOptions: ", configOptions)
console.log("defaultConfigOptions: ", defaultConfigOptions)
And this is what you will get:
See in jsbin: https://jsbin.com/jayihus/edit?js,console,output
answered Dec 18 at 10:24
Yuci
1112
New contributor
Yuci is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
You can use Lodash's merge function:
var defaultConfigOptions = {
isActive: false,
name: "",
description: "",
category: "",
group: "default"
}
var myOptions = {
name: "option one",
category: "the best"
}
var configOptions = _.merge({}, defaultConfigOptions, myOptions)
console.log(configOptions === defaultConfigOptions)
console.log("configOptions: ", configOptions)
console.log("defaultConfigOptions: ", defaultConfigOptions)
And this is what you will get:
See in jsbin: https://jsbin.com/jayihus/edit?js,console,output
answered Dec 18 at 10:24
Yuci
1112
New contributor
Yuci is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
You can use Lodash's merge function:
var defaultConfigOptions = {
isActive: false,
name: "",
description: "",
category: "",
group: "default"
}
var myOptions = {
name: "option one",
category: "the best"
}
var configOptions = _.merge({}, defaultConfigOptions, myOptions)
console.log(configOptions === defaultConfigOptions)
console.log("configOptions: ", configOptions)
console.log("defaultConfigOptions: ", defaultConfigOptions)
And this is what you will get:
See in jsbin: https://jsbin.com/jayihus/edit?js,console,output
answered Dec 18 at 10:24
Yuci
1112
New contributor
Yuci is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
answered Dec 18 at 10:24
Yuci
1112
New contributor
Yuci is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
answered Dec 18 at 10:24
Yuci
1112
answered Dec 18 at 10:24
Yuci
1112
1112
New contributor
Yuci is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
New contributor
Yuci is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
Yuci is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
add a comment |
add a comment |
Thanks for contributing an answer to Code Review Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
Use MathJax to format equations. MathJax reference.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fcodereview.stackexchange.com%2fquestions%2f63161%2fmapping-object-values-from-one-object-to-another%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
