Tengo un texto de cadena después de obtener una API con un bucle for, que me devuelve una lista de nombres, cada nombre separado por una nueva línea. Cuando uso el código en el fragmento, me devuelve cada nombre en una matriz individual, en lugar de una sola matriz. ¿Hay algo malo con el RegEx? ¿Podría alguien decirme qué está mal? Muchas gracias por la ayuda.
function loadMagicItems() { fetch('https://api.open5e.com/magicitems/?fields=slug,name,desc,type,rarity&limit=1000' ).then(function (responses) { return responses.json(); }).then(function (data) { displayMagicItems(data); }); }; function displayMagicItems(data) { for (let i = 0; i < data.results.length; i++) { const magicItemsName = data.results[i].name.split(/\n/); console.log(magicItemsName); }; }; <body onload="loadMagicItems()"> </body>Sus datos JSON son una matriz de elementos. No todos los elementos como una cadena separada por un carácter de nueva línea.
La forma más fácil de obtener los nombres de los elementos es usar un map y devolver el nombre del elemento.
function loadMagicItems() { fetch('https://api.open5e.com/magicitems/?fields=slug,name,desc,type,rarity&limit=1000').then(function(responses) { return responses.json(); }).then(function(data) { displayMagicItems(data.results); }); }; function displayMagicItems(items) { items = items.map(({name}) => name); console.log(items); }; <body onload="loadMagicItems()" />Su expresión regular es correcta, este es el comportamiento esperado. Para cada cadena de name , genera una matriz dividida por \n . Si quieres unirte a los resultados puedes hacerlo:
function displayMagicItems(data) { const singleArrayWithNames = [] for (let i = 0; i < data.results.length; i++) { const magicItemsName = data.results[i].name.split(/\n/); singleArrayWithNames.push(...magicItemsName) // pushing names extracted to new array }; console.log("all names: ", singleArrayWithNames) };Dado que la propiedad del name ya está separada, y está usando .split cada iteración, está creando una nueva matriz cada vez.
function loadMagicItems() { fetch('https://api.open5e.com/magicitems/?fields=slug,name,desc,type,rarity&limit=1000' ).then(function (responses) { return responses.json(); }).then(function (data) { displayMagicItems(data); }); }; function displayMagicItems(data) { const magicItemsName=[] for (let i = 0; i < data.results.length; i++) { magicItemsName[i] = data.results[i].name; }; console.log(magicItemsName); }; <body onload="loadMagicItems()"> </body>