filtering a javascript table based upon its valuesHow do JavaScript closures work?Which “href” value should I use for JavaScript links, “#” or “javascript:void(0)”?How do I remove a property from a JavaScript object?Which equals operator (== vs ===) should be used in JavaScript comparisons?How do I include a JavaScript file in another JavaScript file?Sort array of objects by string property valueWhat does “use strict” do in JavaScript, and what is the reasoning behind it?How to check whether a string contains a substring in JavaScript?How do I remove a particular element from an array in JavaScript?For-each over an array in JavaScript?
shell script is not executed after adding it as a crontab job
Did this character show any indication of wanting to rule before S8E6?
What are these clip-like things?
Why does the hash of infinity have the digits of π?
What did the 'turbo' button actually do?
The disk image is 497GB smaller than the target device
To exponential digit growth and beyond!
Are there "don't read X but Y" that differentiate between Tzere and Segol or Patach and Kamatz?
Can you still travel to America on the ESTA waiver program if you have been to Iran in transit?
Why is 'additive' EQ more difficult to use than 'subtractive'?
Dad jokes are fun
How would a developer who mostly fixed bugs for years at a company call out their contributions in their CV?
How can I properly write this equation in Latex?
Does "was machen sie" have the greeting meaning of "what do you do"?
Why is the Eisenstein ideal paper so great?
What tokens are in the end of line?
“For nothing” = “pour rien”?
What is the use case for non-breathable waterproof pants?
Heat lost in ideal capacitor charging
Is there an idiom that means that you are in a very strong negotiation position in a negotiation?
Why isn't Tyrion mentioned in 'A song of Ice and Fire'?
Second map without labels
Is there a simple example that empirical evidence is misleading?
Why do Russians almost not use verbs of possession akin to "have"?
filtering a javascript table based upon its values
How do JavaScript closures work?Which “href” value should I use for JavaScript links, “#” or “javascript:void(0)”?How do I remove a property from a JavaScript object?Which equals operator (== vs ===) should be used in JavaScript comparisons?How do I include a JavaScript file in another JavaScript file?Sort array of objects by string property valueWhat does “use strict” do in JavaScript, and what is the reasoning behind it?How to check whether a string contains a substring in JavaScript?How do I remove a particular element from an array in JavaScript?For-each over an array in JavaScript?
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
My table/Array is created in Javascript and is not hard codded in HTML.
I am trying to filter and return the table based on any one who has visited the UK.
I want to place a function with the parameters of (candidates, countries).
var people = [
name: "Matt", countries: ["UK", "USA", "Russia"] ,
name: "Simon", countries: ["Canada", "China"] ,
name: "Ben", countries: ["UK", "India"] ,
name: "Katie", countries: ["UK", "China"] ,
name: "Omar", countries: ["Canada", "China"] ,
name: "Simon", countries: ["India", "China", "USA"] ,
];
I have tried
people.filter(person=>person.countries.includes('UK'))
However the table is not dynamic and does not change to reflect this on my webpage if i use this code, instead it just returns the original array of 'people'. Why doesn't this approach work?
javascript arrays sorting
add a comment |
My table/Array is created in Javascript and is not hard codded in HTML.
I am trying to filter and return the table based on any one who has visited the UK.
I want to place a function with the parameters of (candidates, countries).
var people = [
name: "Matt", countries: ["UK", "USA", "Russia"] ,
name: "Simon", countries: ["Canada", "China"] ,
name: "Ben", countries: ["UK", "India"] ,
name: "Katie", countries: ["UK", "China"] ,
name: "Omar", countries: ["Canada", "China"] ,
name: "Simon", countries: ["India", "China", "USA"] ,
];
I have tried
people.filter(person=>person.countries.includes('UK'))
However the table is not dynamic and does not change to reflect this on my webpage if i use this code, instead it just returns the original array of 'people'. Why doesn't this approach work?
javascript arrays sorting
people.filter(person=>person.countries.includes('UK'))
– Gabriele Petrioli
Mar 23 at 23:18
4
"I am trying to filter" ... show us what you have actually tried. Stackoverflow isn't a free code writing service. The objective is for you to show your attempts to solve issues yourself and others help when code doesn't work as expected
– charlietfl
Mar 23 at 23:19
This works - however when i console.log(people) after this code it still brings back the original array, instead of the new array which should only include those people who have been to the UK
– seebz
Mar 24 at 0:51
filterreturns a new Array, it doesn't modify the original. Trypeople = people.filter(…).
– twhb
Mar 24 at 1:26
add a comment |
My table/Array is created in Javascript and is not hard codded in HTML.
I am trying to filter and return the table based on any one who has visited the UK.
I want to place a function with the parameters of (candidates, countries).
var people = [
name: "Matt", countries: ["UK", "USA", "Russia"] ,
name: "Simon", countries: ["Canada", "China"] ,
name: "Ben", countries: ["UK", "India"] ,
name: "Katie", countries: ["UK", "China"] ,
name: "Omar", countries: ["Canada", "China"] ,
name: "Simon", countries: ["India", "China", "USA"] ,
];
I have tried
people.filter(person=>person.countries.includes('UK'))
However the table is not dynamic and does not change to reflect this on my webpage if i use this code, instead it just returns the original array of 'people'. Why doesn't this approach work?
javascript arrays sorting
My table/Array is created in Javascript and is not hard codded in HTML.
I am trying to filter and return the table based on any one who has visited the UK.
I want to place a function with the parameters of (candidates, countries).
var people = [
name: "Matt", countries: ["UK", "USA", "Russia"] ,
name: "Simon", countries: ["Canada", "China"] ,
name: "Ben", countries: ["UK", "India"] ,
name: "Katie", countries: ["UK", "China"] ,
name: "Omar", countries: ["Canada", "China"] ,
name: "Simon", countries: ["India", "China", "USA"] ,
];
I have tried
people.filter(person=>person.countries.includes('UK'))
However the table is not dynamic and does not change to reflect this on my webpage if i use this code, instead it just returns the original array of 'people'. Why doesn't this approach work?
javascript arrays sorting
javascript arrays sorting
edited Mar 24 at 5:10
David C. Rankin
44.9k33252
44.9k33252
asked Mar 23 at 23:14
seebzseebz
61
61
people.filter(person=>person.countries.includes('UK'))
– Gabriele Petrioli
Mar 23 at 23:18
4
"I am trying to filter" ... show us what you have actually tried. Stackoverflow isn't a free code writing service. The objective is for you to show your attempts to solve issues yourself and others help when code doesn't work as expected
– charlietfl
Mar 23 at 23:19
This works - however when i console.log(people) after this code it still brings back the original array, instead of the new array which should only include those people who have been to the UK
– seebz
Mar 24 at 0:51
filterreturns a new Array, it doesn't modify the original. Trypeople = people.filter(…).
– twhb
Mar 24 at 1:26
add a comment |
people.filter(person=>person.countries.includes('UK'))
– Gabriele Petrioli
Mar 23 at 23:18
4
"I am trying to filter" ... show us what you have actually tried. Stackoverflow isn't a free code writing service. The objective is for you to show your attempts to solve issues yourself and others help when code doesn't work as expected
– charlietfl
Mar 23 at 23:19
This works - however when i console.log(people) after this code it still brings back the original array, instead of the new array which should only include those people who have been to the UK
– seebz
Mar 24 at 0:51
filterreturns a new Array, it doesn't modify the original. Trypeople = people.filter(…).
– twhb
Mar 24 at 1:26
people.filter(person=>person.countries.includes('UK'))– Gabriele Petrioli
Mar 23 at 23:18
people.filter(person=>person.countries.includes('UK'))– Gabriele Petrioli
Mar 23 at 23:18
4
4
"I am trying to filter" ... show us what you have actually tried. Stackoverflow isn't a free code writing service. The objective is for you to show your attempts to solve issues yourself and others help when code doesn't work as expected
– charlietfl
Mar 23 at 23:19
"I am trying to filter" ... show us what you have actually tried. Stackoverflow isn't a free code writing service. The objective is for you to show your attempts to solve issues yourself and others help when code doesn't work as expected
– charlietfl
Mar 23 at 23:19
This works - however when i console.log(people) after this code it still brings back the original array, instead of the new array which should only include those people who have been to the UK
– seebz
Mar 24 at 0:51
This works - however when i console.log(people) after this code it still brings back the original array, instead of the new array which should only include those people who have been to the UK
– seebz
Mar 24 at 0:51
filter returns a new Array, it doesn't modify the original. Try people = people.filter(…).– twhb
Mar 24 at 1:26
filter returns a new Array, it doesn't modify the original. Try people = people.filter(…).– twhb
Mar 24 at 1:26
add a comment |
1 Answer
1
active
oldest
votes
I think this is what are you looking for:
const people = [
name: "Matt", countries: ["UK", "USA", "Russia"] ,
name: "Simon", countries: ["Canada", "China"] ,
name: "Ben", countries: ["UK", "India"] ,
name: "Katie", countries: ["UK", "China"] ,
name: "Omar", countries: ["Canada", "China"] ,
name: "Simon", countries: ["India", "China", "USA"] ,
];
const filterCandidates = (candidates, country) =>
candidates.filter(( countries ) => countries.includes(country));
result:
["name":"Matt","countries":["UK","USA","Russia"],"name":"Ben","countries":["UK","India"],"name":"Katie","countries":["UK","China"]]
https://es6console.com/jtm4kvvn/
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%2f55319241%2ffiltering-a-javascript-table-based-upon-its-values%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
I think this is what are you looking for:
const people = [
name: "Matt", countries: ["UK", "USA", "Russia"] ,
name: "Simon", countries: ["Canada", "China"] ,
name: "Ben", countries: ["UK", "India"] ,
name: "Katie", countries: ["UK", "China"] ,
name: "Omar", countries: ["Canada", "China"] ,
name: "Simon", countries: ["India", "China", "USA"] ,
];
const filterCandidates = (candidates, country) =>
candidates.filter(( countries ) => countries.includes(country));
result:
["name":"Matt","countries":["UK","USA","Russia"],"name":"Ben","countries":["UK","India"],"name":"Katie","countries":["UK","China"]]
https://es6console.com/jtm4kvvn/
add a comment |
I think this is what are you looking for:
const people = [
name: "Matt", countries: ["UK", "USA", "Russia"] ,
name: "Simon", countries: ["Canada", "China"] ,
name: "Ben", countries: ["UK", "India"] ,
name: "Katie", countries: ["UK", "China"] ,
name: "Omar", countries: ["Canada", "China"] ,
name: "Simon", countries: ["India", "China", "USA"] ,
];
const filterCandidates = (candidates, country) =>
candidates.filter(( countries ) => countries.includes(country));
result:
["name":"Matt","countries":["UK","USA","Russia"],"name":"Ben","countries":["UK","India"],"name":"Katie","countries":["UK","China"]]
https://es6console.com/jtm4kvvn/
add a comment |
I think this is what are you looking for:
const people = [
name: "Matt", countries: ["UK", "USA", "Russia"] ,
name: "Simon", countries: ["Canada", "China"] ,
name: "Ben", countries: ["UK", "India"] ,
name: "Katie", countries: ["UK", "China"] ,
name: "Omar", countries: ["Canada", "China"] ,
name: "Simon", countries: ["India", "China", "USA"] ,
];
const filterCandidates = (candidates, country) =>
candidates.filter(( countries ) => countries.includes(country));
result:
["name":"Matt","countries":["UK","USA","Russia"],"name":"Ben","countries":["UK","India"],"name":"Katie","countries":["UK","China"]]
https://es6console.com/jtm4kvvn/
I think this is what are you looking for:
const people = [
name: "Matt", countries: ["UK", "USA", "Russia"] ,
name: "Simon", countries: ["Canada", "China"] ,
name: "Ben", countries: ["UK", "India"] ,
name: "Katie", countries: ["UK", "China"] ,
name: "Omar", countries: ["Canada", "China"] ,
name: "Simon", countries: ["India", "China", "USA"] ,
];
const filterCandidates = (candidates, country) =>
candidates.filter(( countries ) => countries.includes(country));
result:
["name":"Matt","countries":["UK","USA","Russia"],"name":"Ben","countries":["UK","India"],"name":"Katie","countries":["UK","China"]]
https://es6console.com/jtm4kvvn/
answered Mar 23 at 23:32
MichalMichal
112
112
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%2f55319241%2ffiltering-a-javascript-table-based-upon-its-values%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
people.filter(person=>person.countries.includes('UK'))– Gabriele Petrioli
Mar 23 at 23:18
4
"I am trying to filter" ... show us what you have actually tried. Stackoverflow isn't a free code writing service. The objective is for you to show your attempts to solve issues yourself and others help when code doesn't work as expected
– charlietfl
Mar 23 at 23:19
This works - however when i console.log(people) after this code it still brings back the original array, instead of the new array which should only include those people who have been to the UK
– seebz
Mar 24 at 0:51
filterreturns a new Array, it doesn't modify the original. Trypeople = people.filter(…).– twhb
Mar 24 at 1:26