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;








-2















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?










share|improve this question
























  • 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











  • filter returns a new Array, it doesn't modify the original. Try people = people.filter(…).

    – twhb
    Mar 24 at 1:26

















-2















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?










share|improve this question
























  • 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











  • filter returns a new Array, it doesn't modify the original. Try people = people.filter(…).

    – twhb
    Mar 24 at 1:26













-2












-2








-2








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?










share|improve this question
















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






share|improve this question















share|improve this question













share|improve this question




share|improve this question








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











  • filter returns a new Array, it doesn't modify the original. Try people = people.filter(…).

    – twhb
    Mar 24 at 1:26

















  • 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











  • filter returns a new Array, it doesn't modify the original. Try people = 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












1 Answer
1






active

oldest

votes


















0














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/






share|improve this answer























    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
    );



    );













    draft saved

    draft discarded


















    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









    0














    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/






    share|improve this answer



























      0














      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/






      share|improve this answer

























        0












        0








        0







        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/






        share|improve this answer













        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/







        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered Mar 23 at 23:32









        MichalMichal

        112




        112





























            draft saved

            draft discarded
















































            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.




            draft saved


            draft discarded














            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





















































            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







            Popular posts from this blog

            How to preserve electronics (computers, tablets and phones) for hundreds of years Announcing the arrival of Valued Associate #679: Cesar Manara Planned maintenance scheduled April 23, 2019 at 23:30 UTC (7:30pm US/Eastern) The network's official Twitter account is up and running again. What content…How might modern humans leave a message for 50,000 years?How would an aquatic race develop computers?How do we make computers care for human life?Keeping supplies for 1000 yearsWhat will cell phones become in 100 years?What body armor protects against a laser?Could a society attain 1800s technology if limited to using copper and bronze?Electricity power (magic) and electronicsScavenging metal resources in post-apocalypse after 100 yearsWhy would precursors create devices that can survive and still work after hundreds of years?

            155 수학 과학 기타 둘러보기 메뉴eh추가해eh문서를 완성해

            Convert JSON to MapSimplest way to convert a string representing JSON array into Java array List of key value pairsHow to take String JSON values into HashMapConvert a JSON String to a HashMapCreating BSON object from JSON stringJSONObject - How to get a value ?Better Map ConstructorReading JSON from Url javaUpdate columns if input values are not null otherwise ignore and keep the existing values of column in databaseHow to store object represented as Json string into Couchbase Lite?Go JSON into MapHow do I efficiently iterate over each entry in a Java Map?Sort a Map<Key, Value> by valuesHow to round a number to n decimal places in JavaCan comments be used in JSON?How do I read / convert an InputStream into a String in Java?How can I pretty-print JSON in a shell script?What is the correct JSON content type?How can I deserialize JSON to a simple Dictionary<string,string> in ASP.NET?Why does Google prepend while(1); to their JSON responses?Parse JSON in JavaScript?