React JS：按字符串过滤数组

Posted 2023-02-22

【中文标题】React JS：按字符串过滤数组

【英文标题】：React JS: Filter an array by a string

【发布时间】：2018-12-29 20:57:28

【问题描述】：

又是我，现在是reactjs。

我有一个json，里面有两个“行”，它们是Description 和ubication。我需要通过Description 过滤数组。

如何过滤？文本格式的描述，例如"Impact" 或"Wiu wiu"。

我知道 typescript 的函数 filter() 有一个数字条件，但没有文本条件，或者我没有看到它被用于此。

非常感谢您的帮助。

【问题讨论】：

如果答案有帮助，请点赞

【参考方案1】：

不，你仍然可以使用 Text，

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

【讨论】：

不起作用：/ 让 Botones = ArrayBotones; console.log(Botones);让 Botones2 = Botones.filter(botones=>Botones.descripcion ==='impact');控制台.log(Botones2);

你能发布你的 Botons 数组吗

数组为空：C

老兄！如果数组为空，如何过滤？

"ArrayBotones":[ "descripcion": "Impacto", "ubicacion" : "sonidos/impacto.mp3", "descripcion": "Soy Fede", "ubicacion" : “sonidos/holaso​​yfede.wav”，“描述”：“Wiu wiu”，“ubicacion”：“sonidos/wiuwiu.wav”，“描述”：“3 carajos”，“ubicacion”：“sonidos/3carajos” .wav" , "descripcion": "Apurate Jose", "ubicacion" : "sonidos/apuratejose.wav" , "descripcion": "No, no se", "ubicacion" : "sonidos/nonose.wav " ]