-
Método
Array.join() El método array.join() es una función incorporada en JavaScript que se usa para unir los elementos de una array en una string. Los elementos de la string estarán separados por un separador específico y su valor predeterminado es coma (, ).Sintaxis:
array.join(separator)
-
Método Array.push()
La función array.push() se usa para insertar uno o más valores en una array. Esta función cambia la longitud de una array por el número de elementos agregados a la array. La sintaxis de la función es la siguiente:
Sintaxis:
arr.push(element1[, ...[, elementN]])
Argumentos: esta función puede contener tantos argumentos como el número de elementos que se insertarán en la array.
Valor de retorno:
-
Método Array.splice()
Sintaxis:
array.splice(start_index, delete_count, value1, value2, value3, ...)
Nota: el método Splice() elimina cero o más elementos de una array que comienza con el elemento start_index y reemplaza esos elementos con cero o más elementos especificados en la lista de argumentos.
Ejemplo: a continuación se muestra el ejemplo para ilustrar el uso del método .join() con el método push() y el método splice() juntos:
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="color: green;">
GeeksForGeeks
</h1>
<h2>use .join() with push and replace together</h2>
<p>The join() method joins array elements into
a string.</p>
<p>The splice() method that helps us in order to
replace the items of an existing array by removing and inserting
new elements at the required/desired index.</p>
<p>The push() method appends a new element to an
array.</p>
<button onclick="myFunction()">Push</button>
<p id="demo"></p>
<br />
<script>
// Initializing the array
var fruits = ["Banana", "Orange", "Apple", "Mango"];
// joining the array elements using .join method
document.getElementById(
"demo").innerHTML = fruits.join(" *");
function myFunction() {
// splicing the array elements(delete_count=2, which will replace
//("Orange", "Apple" with "Lion", "Horse") using splice() method
fruits.splice(1, 2, "Lion", "Horse");
document.getElementById("demo").innerHTML = fruits;
// pushing the array elements("Kiwi, Grapes") using push() method
fruits.push("Kiwi, Grapes");
document.getElementById("demo").innerHTML = fruits;
// expected output [Banana, Lion, Horse, Mango, Kiwi, Grapes]
}
</script>
</center>
</body>
</html>
Producción:
Antes de hacer clic en el botón Empujar y empalmar:
Salida después de hacer clic en el botón Empujar y quitar:
Publicación traducida automáticamente
Artículo escrito por miniyadav1 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA