Home / Questions / 115202
Accepted
Ricardo Sauceda
Asked: 2020-11-07 10:17:50 +0800 CST 2020-11-07 10:17:50 +0800 CST

How can I make a STRING by iterating the values ​​of an ARRAY?

  • 772

From a screen I get the IDand the VALORof a group of INPUT TEXTwith the following code:

   var docs = document.getElementsByName('ftp_desc');

    for (var i = 0; i < docs.length; i++){

        console.log('id: ' + docs[i].id + ',' + 'value: ' + docs[i].value);
    }

 <input id="1" name="ftp_desc"  maxlength="256" placeholder="Añade una descripción" required="required" type="text">
 <input id="2" name="ftp_desc"  maxlength="256" placeholder="Añade una descripción" required="required" type="text">
 <input id="3" name="ftp_desc"  maxlength="256" placeholder="Añade una descripción" required="required" type="text">

How can I make a STRING from the array of the IDs and one of the VALUEs?

Example:

var ids = "1,2,3";
var values = "Desc1,Desc2,Desc3"
javascript

2 Answers

  1. You can solve it by adding the ids and the values ​​that you find in their respective variables, to finally have them all.

    var docs = document.getElementsByName('ftp_desc');
var ids = '';
var values = '';

for (var i = 0; i < docs.length; i++){
    //Si es el último elemento no añado la coma, sino si la añado
    separator = (i == docs.length - 1) ? "" : ", ";
    //Agrego el nuevo id a la variable ids
    ids += docs[i].id+separator;
    //Agrego el nuevo valor a la variable values
    values += docs[i].value+separator;
    console.log('id: ' + docs[i].id + ',' + 'value: ' + docs[i].value);
}

//Aquí podras ver sus valores
console.log(ids);
console.log(values);
    • 1
  2. Best Answer

    You can make use of the Object.keys() and Object.values() methods to get the values ​​and keys of an array (obj) that you create and fill inside the , as well as the join()for method to format it with a separator (, )

    var btn = document.getElementById('action');
btn.addEventListener('click',function(){
	var docs = document.getElementsByName('ftp_desc');
	var obj = {};//creamos el array
    for (var i = 0; i < docs.length; i++){
        obj[docs[i].id] = docs[i].value; // almacenamos los valores y clave id
    }
    console.log(Object.keys(obj).join(","));
    console.log(Object.values(obj).join(","));
});
    <input id="1" name="ftp_desc"  maxlength="256" placeholder="Añade una descripción" required="required" type="text">
<input id="2" name="ftp_desc"  maxlength="256" placeholder="Añade una descripción" required="required" type="text">
<input id="3" name="ftp_desc"  maxlength="256" placeholder="Añade una descripción" required="required" type="text">
<button id="action">Aceptar</button>

    • 1