Definición de las propiedades y métodos de los objetos matriz.
Array Object Properties
| Propiedad | Descripción |
|---|
| constructor | Devuelve la función que creó la matriz |
| length | Devuelve el número de elementos que tiene la matriz |
| prototype* | Nos permite añadir propiedades y métodos a nuestra array |
Array Object Methods
| Método | Descripción |
|---|
| concat() | Enlaza matrices y las devuelve juntas. |
| indexOf() | Devuelve la posición de un elemento en un valor numérico. |
| join() | Une todos los elementos de una matriz en una cadena de texto. |
| lastIndexOf() | Devuelve la posición de un elemento en un valor numérico desde el final. |
| pop() | Elimina elementos de una matriz . |
| push() | Añade elementos a una matriz. |
| reverse() | Invierte el orden de la matriz. |
| shift() | Elimina el primer elemento de una matriz. |
| slice() | Selecciona parte de una matriz. |
| sort() | Ordena alfabética/numéricamente el array. |
| splice() | Añade y elimina elementos de un Array. |
| toString() | Convierte la matriz en una cadena. |
| unshift() | Añade nuevos elementos y devuelve el nuevo valor |
| valueOf() | Devuelve el valor primitivo de la matriz |
*Ejemplo prototype:
<script>
Array.prototype.myUcase = function() {
for (i = 0; i < this.length; i++) {
this[i] = this[i].toUpperCase();
}
}
function myFunction() {
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.myUcase();
document.getElementById("demo").innerHTML = fruits;
}
</script>
Ejemplo:
<!DOCTYPE html>
<html>
<body>
<button onclick="prueba ()">Mostar</button>
<button onclick="pop()">Pop</button>
<button onclick="push()">Push</button>
<button onclick="shift()">Shift</button>
<button onclick="reverse()">Reverse</button>
<button onclick="slice()">Slice</button>
<button onclick="splice()">Splice Borrar</button>
<button onclick="splicea()">Splice Añadir</button>
<button onclick="cadena()">toString</button>
<button onclick="shift()">shift</button>
<button onclick="valueof()">valueOf</button>
<p id="demo"></p>
<script>
var objeto=["Elemento1","Elemento2","Elemento3","Elemento4"];
var elementos = objeto.length;
var e = "Elemento"+ "X";
function prueba (){
document.getElementById("demo").innerHTML=objeto;
}
function push(){
objeto.push(e)
document.getElementById("demo").innerHTML=objeto;
}
function pop(){
objeto.pop();
document.getElementById("demo").innerHTML=objeto;
}
function shift(){
objeto.shift();
document.getElementById("demo").innerHTML=objeto;
}
function reverse(){
objeto.reverse();
document.getElementById("demo").innerHTML=objeto;
}
function slice(){
var slice = objeto.slice(1,3);
document.getElementById("demo").innerHTML=slice;
}
function splice(){
objeto.splice(1,1);//Posición cantidad
document.getElementById("demo").innerHTML=objeto;
}
function splicea(){
objeto.splice(1,1,"SpliceAdd");//Posición sustituye a
document.getElementById("demo").innerHTML=objeto;
}
function cadena(){
objeto.toString();
document.getElementById("demo").innerHTML=objeto;
}
function shift(){
objeto.shift();
document.getElementById("demo").innerHTML=objeto;
}
function valueof(){
objeto.valueOf();
document.getElementById("demo").innerHTML=objeto;
}
</script>
</body>
</html>
Fuente:
http://www.w3schools.com/jsref/default.asp
No hay comentarios:
Publicar un comentario