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

            SQL error code 1064 with creating Laravel foreign keysForeign key constraints: When to use ON UPDATE and ON DELETEDropping column with foreign key Laravel error: General error: 1025 Error on renameLaravel SQL Can't create tableLaravel Migration foreign key errorLaravel php artisan migrate:refresh giving a syntax errorSQLSTATE[42S01]: Base table or view already exists or Base table or view already exists: 1050 Tableerror in migrating laravel file to xampp serverSyntax error or access violation: 1064:syntax to use near 'unsigned not null, modelName varchar(191) not null, title varchar(191) not nLaravel cannot create new table field in mysqlLaravel 5.7:Last migration creates table but is not registered in the migration table

            용인 삼성생명 블루밍스 목차 통계 역대 감독 선수단 응원단 경기장 같이 보기 외부 링크 둘러보기 메뉴samsungblueminx.comeh선수 명단용인 삼성생명 블루밍스용인 삼성생명 블루밍스ehsamsungblueminx.comeheheheh

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