Similar Object are different using VueJs
I'm using the following getter in my Vuex store to get the datasets from my state.
getDatasets: state => {
let datasets = ;
state.observations.forEach(obs => {
if (!datasets.includes(obs.dataset)) {
datasets.push(obs.dataset);
}
})
return datasets;
}
However, this return as many datasets as observations in my state whereas it should return only one dataset.
I believe this is due to the __obs__ field added by VueJs that is different for each dataset object.
Did I misunderstood something and how could I fix this?
javascript vuejs2
asked Nov 15 '18 at 11:07
charlycoucharlycou
44111
add a comment |
I'm using the following getter in my Vuex store to get the datasets from my state.
getDatasets: state => {
let datasets = ;
state.observations.forEach(obs => {
if (!datasets.includes(obs.dataset)) {
datasets.push(obs.dataset);
}
})
return datasets;
}
However, this return as many datasets as observations in my state whereas it should return only one dataset.
I believe this is due to the __obs__ field added by VueJs that is different for each dataset object.
Did I misunderstood something and how could I fix this?
javascript vuejs2
asked Nov 15 '18 at 11:07
charlycoucharlycou
44111
add a comment |
I'm using the following getter in my Vuex store to get the datasets from my state.
getDatasets: state => {
let datasets = ;
state.observations.forEach(obs => {
if (!datasets.includes(obs.dataset)) {
datasets.push(obs.dataset);
}
})
return datasets;
}
However, this return as many datasets as observations in my state whereas it should return only one dataset.
I believe this is due to the __obs__ field added by VueJs that is different for each dataset object.
Did I misunderstood something and how could I fix this?
javascript vuejs2
asked Nov 15 '18 at 11:07
charlycoucharlycou
44111
I'm using the following getter in my Vuex store to get the datasets from my state.
getDatasets: state => {
let datasets = ;
state.observations.forEach(obs => {
if (!datasets.includes(obs.dataset)) {
datasets.push(obs.dataset);
}
})
return datasets;
}
However, this return as many datasets as observations in my state whereas it should return only one dataset.
I believe this is due to the __obs__ field added by VueJs that is different for each dataset object.
Did I misunderstood something and how could I fix this?
javascript vuejs2
javascript vuejs2
asked Nov 15 '18 at 11:07
charlycoucharlycou
44111
asked Nov 15 '18 at 11:07
charlycoucharlycou
44111
asked Nov 15 '18 at 11:07
charlycoucharlycou
44111
asked Nov 15 '18 at 11:07
charlycoucharlycou
44111
asked Nov 15 '18 at 11:07
charlycoucharlycou
44111
44111
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
It's not the issue with vuex/vue. By checking datasets.includes(obs.dataset)), you are actually check if datasets contains any object that have same reference with obs.dataset, which is inevitably false.
A very simple example can be ran in browser console to replicate your logic:
var state = { observations: [ { dataset: {}}, { dataset: {}} ]}
var datasets =
state.observations.forEach(function(obs) {
if (!datasets.includes(obs.dataset)) {
datasets.push(obs.dataset);
}
})
console.log(datasets.length) // 2, not 1
console.log(datasets[0] === state.observations[0].dataset) // true, same reference
console.log(datasets[0] === state.observations[1].dataset) // false
If you want to get unique values of datasets, try comparing parsed string of object instead:
state.observations.forEach(obs => {
if (!datasets.some(
elem => SON.stringify(elem) === JSON.stringify(obs.dataset))
) {
datasets.push(obs.dataset);
}
})
answered Nov 15 '18 at 11:42
blazblaz
1,691917
add a comment |
Your Answer
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: "1"
};
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: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
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%2fstackoverflow.com%2fquestions%2f53318110%2fsimilar-object-are-different-using-vuejs%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
It's not the issue with vuex/vue. By checking datasets.includes(obs.dataset)), you are actually check if datasets contains any object that have same reference with obs.dataset, which is inevitably false.
A very simple example can be ran in browser console to replicate your logic:
var state = { observations: [ { dataset: {}}, { dataset: {}} ]}
var datasets =
state.observations.forEach(function(obs) {
if (!datasets.includes(obs.dataset)) {
datasets.push(obs.dataset);
}
})
console.log(datasets.length) // 2, not 1
console.log(datasets[0] === state.observations[0].dataset) // true, same reference
console.log(datasets[0] === state.observations[1].dataset) // false
If you want to get unique values of datasets, try comparing parsed string of object instead:
state.observations.forEach(obs => {
if (!datasets.some(
elem => SON.stringify(elem) === JSON.stringify(obs.dataset))
) {
datasets.push(obs.dataset);
}
})
answered Nov 15 '18 at 11:42
blazblaz
1,691917
add a comment |
It's not the issue with vuex/vue. By checking datasets.includes(obs.dataset)), you are actually check if datasets contains any object that have same reference with obs.dataset, which is inevitably false.
A very simple example can be ran in browser console to replicate your logic:
var state = { observations: [ { dataset: {}}, { dataset: {}} ]}
var datasets =
state.observations.forEach(function(obs) {
if (!datasets.includes(obs.dataset)) {
datasets.push(obs.dataset);
}
})
console.log(datasets.length) // 2, not 1
console.log(datasets[0] === state.observations[0].dataset) // true, same reference
console.log(datasets[0] === state.observations[1].dataset) // false
If you want to get unique values of datasets, try comparing parsed string of object instead:
state.observations.forEach(obs => {
if (!datasets.some(
elem => SON.stringify(elem) === JSON.stringify(obs.dataset))
) {
datasets.push(obs.dataset);
}
})
answered Nov 15 '18 at 11:42
blazblaz
1,691917
add a comment |
It's not the issue with vuex/vue. By checking datasets.includes(obs.dataset)), you are actually check if datasets contains any object that have same reference with obs.dataset, which is inevitably false.
A very simple example can be ran in browser console to replicate your logic:
var state = { observations: [ { dataset: {}}, { dataset: {}} ]}
var datasets =
state.observations.forEach(function(obs) {
if (!datasets.includes(obs.dataset)) {
datasets.push(obs.dataset);
}
})
console.log(datasets.length) // 2, not 1
console.log(datasets[0] === state.observations[0].dataset) // true, same reference
console.log(datasets[0] === state.observations[1].dataset) // false
If you want to get unique values of datasets, try comparing parsed string of object instead:
state.observations.forEach(obs => {
if (!datasets.some(
elem => SON.stringify(elem) === JSON.stringify(obs.dataset))
) {
datasets.push(obs.dataset);
}
})
answered Nov 15 '18 at 11:42
blazblaz
1,691917
It's not the issue with vuex/vue. By checking datasets.includes(obs.dataset)), you are actually check if datasets contains any object that have same reference with obs.dataset, which is inevitably false.
A very simple example can be ran in browser console to replicate your logic:
var state = { observations: [ { dataset: {}}, { dataset: {}} ]}
var datasets =
state.observations.forEach(function(obs) {
if (!datasets.includes(obs.dataset)) {
datasets.push(obs.dataset);
}
})
console.log(datasets.length) // 2, not 1
console.log(datasets[0] === state.observations[0].dataset) // true, same reference
console.log(datasets[0] === state.observations[1].dataset) // false
If you want to get unique values of datasets, try comparing parsed string of object instead:
state.observations.forEach(obs => {
if (!datasets.some(
elem => SON.stringify(elem) === JSON.stringify(obs.dataset))
) {
datasets.push(obs.dataset);
}
})
answered Nov 15 '18 at 11:42
blazblaz
1,691917
answered Nov 15 '18 at 11:42
blazblaz
1,691917
answered Nov 15 '18 at 11:42
blazblaz
1,691917
answered Nov 15 '18 at 11:42
blazblaz
1,691917
1,691917
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- 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%2fstackoverflow.com%2fquestions%2f53318110%2fsimilar-object-are-different-using-vuejs%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
