Tengo la siguiente respuesta de una consulta de graphql:
"menu": [{ "url": "" }, { "url": "/" }, { "url": "/item/child-item" } ]
Necesito una variable booleana y verifico si hay un elemento en el Array con dos (o más) barras inclinadas /
. Por lo tanto, tiene un elemento secundario en la ruta como "/item/child-item"
const hasChild = data.menu.map((item) => item.url.includes('// What to do here?'));
No necesita map()
. map()
es cuando desea transformar una matriz en otra usando una función.
Necesita some()
, que devuelve verdadero si alguno de los elementos de la matriz cumple una condición.
Puede usar eso junto con split()
para contar el número de ocurrencias de un carácter particular en la cadena.
const data = { "menu": [ { "url": "" }, { "url": "/" }, { "url": "/item/child-item" } ] } const hasChild = data.menu.some((item) => item.url.split('/').length - 1 > 1); console.log(hasChild);
En el código anterior con split()
, /a/b/c
se convierte en la matriz ['','a','b','c']. Entonces siempre obtienes el número de /
+ 1.
El método .map()
devuelve una matriz, ya que está buscando un valor booleano, necesita usar algo diferente. En su lugar, se puede usar el método .some()
, que devolverá true
tan pronto como la devolución de llamada que pase devuelva true
. El .some()
iterará a través de todos sus objetos dentro de su matriz hasta que su devolución de llamada devuelva true
. Puede usar el método .replace()
para eliminar cualquier ocurrencia de caracteres que no sean /
y tome la longitud para verificar si aparecen dos o más:
const hasChild = data.menu.some(menuItem => menuItem.url.replace(/[^/]/g, '').length >= 2);
Vea el ejemplo ejecutable a continuación:
const data = { "menu": [{ "url": "" }, { "url": "/" }, { "url": "/item/child-item" } ] }; const hasChild = data.menu.some(menuItem => menuItem.url.replace(/[^/]/g, '').length >= 2); console.log(hasChild); // true
Puede usar Array#some
y en cuanto a la prueba, puede dividir la url
por /
y si la matriz resultante tiene más de 2 elementos, entonces hay al menos dos /
en la cadena.
const input = {"menu": [ { "url": "" }, { "url": "/" }, { "url": "/item/child-item" } ] }, output = input.menu.some(({url}) => url.split("/").length > 2); console.log( output );