React JS: Filter an array by a string

Question

it's me again, now with reactjs.

I have a json, inside it have two "rows", they are Description and ubication. I need to filter the array by Description.

How can I filter this? The description it's in text format for example "Impact" or "Wiu wiu".

I know the function filter() of typescript have a numeric condition but no have a text condition or I haven't seen it been use for that.

Thank you so much for your help.

Sulthan · Accepted Answer · 2018-07-22 07:30:56Z

7

No still you can do with Text as well,

let filtered = yourArray.filter(t=>t.Description ==='impact');

DEMO

let mydata = {
  "ArrayBotones": [
    {
      "descripcion": "Impacto",
      "ubicacion": "sonidos/impacto.mp3"
    },
    {
      "descripcion": "Soy Fede",
      "ubicacion": "sonidos/holasoyfede.wav"
    },
    {
      "descripcion": "Wiu wiu",
      "ubicacion": "sonidos/wiuwiu.wav"
    },
    {
      "descripcion": "3 carajos",
      "ubicacion": "sonidos/3carajos.wav"
    },
    {
      "descripcion": "Apurate Jose",
      "ubicacion": "sonidos/apuratejose.wav"
    },
    {
      "descripcion": "No, no se",
      "ubicacion": "sonidos/nonose.wav"
    }
  ]
};

let result = mydata.ArrayBotones.filter(t=>t.descripcion === 'Impacto');
console.log(result);

edited Jul 22, 2018 at 7:30

Sulthan

130k23 gold badges223 silver badges277 bronze badges

answered Jul 22, 2018 at 1:23

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Nicolas Papp Over a year ago

Not works :/ let Botones = ArrayBotones; console.log(Botones); let Botones2 = Botones.filter(botones=>Botones.descripcion ==='impact'); console.log(Botones2); }

Sajeetharan Over a year ago

can you post your Botons array

Nicolas Papp Over a year ago

The array come empty :C

Sajeetharan Over a year ago

dude ! if the array is empty how can you filter?

Nicolas Papp Over a year ago

{ "ArrayBotones":[ { "descripcion": "Impacto", "ubicacion" : "sonidos/impacto.mp3"}, { "descripcion": "Soy Fede", "ubicacion" : "sonidos/holasoyfede.wav" }, { "descripcion": "Wiu wiu", "ubicacion" : "sonidos/wiuwiu.wav" }, { "descripcion": "3 carajos", "ubicacion" : "sonidos/3carajos.wav" }, { "descripcion": "Apurate Jose", "ubicacion" : "sonidos/apuratejose.wav" }, { "descripcion": "No, no se", "ubicacion" : "sonidos/nonose.wav" } ] }

|

Collectives™ on Stack Overflow

React JS: Filter an array by a string

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related