A .ES5 métodos array de recorrido y resumen ES6
1.Para la circulación.
para ( var i = 0; i <arr.Length; i ++ ) { console.log (arr [i]); }
Este método es el más sencillo y nada que prestar atención a, pero la escritura es un tanto complicado, por lo que seguimos en términos de los métodos siguientes.
2.forEach
const arr = [1,2,3,4,5 ]; arr.forEach ((punto) => { console.log (elemento); })
Este enfoque parece mucho más fácil, pero no se puede romper y seguir para detener o continuar, si se combina continuar, error de descanso. Así de esta manera y no se puede parar en medio saltó, solamente travesía uno por uno de principio a fin.
3.Every
const arr = [1,2,3,4,5 ]; arr.every ((punto) => { console.log (elemento); })
Hay toda buena solución al problema no puede ser interrumpido y se saltó forEach, la salida del código de voluntad por encima de una salida de 1, 1,2,3,4,5 no. Si todas las funciones de retorno cierto, entonces luego atravesar hacia abajo, si el falso retorno es equivalente a romper, será interrumpido. Si no se devuelve nada, el efecto es equivalente a un falso retorno, directamente interrumpido.
const arr = [1,2,3,4,5];
arr.every ((punto) => {
si (punto == 2) return true;
console.log (elemento);
return true;
})
Este efecto corresponde al código serán de salida en 2 1,3,4,5, uso siguen;
4.for ... en ..
const arr = [1,2,3,4,5 ]; para ( var índice en arr) { console.log (índice, arr [índice]);
}
De hecho, este método se utiliza para atravesar el objeto, en el que el índice es un tipo de cadena, la salida de este código es:
0 1
1 2
2 3
3 4
4 5
Delante del tipo de cadena, seguido de un número, aunque el resultado anterior es similar, pero ligeramente modificado si el código:
const arr = [1,2,3,4,5 ]; arr.p = 100 ; para ( var índice en arr) { console.log (índice, arr [índice]); }
La salida es:
0 1
1 2
2 3
3 4
4 5
p 100
Se puede ver la diferencia, ¿verdad? Así que por ... en un preparado especialmente para atravesar el objeto, el recorrido matriz general o no lo use, así!
5.for ... de
para de ES6 se añade recientemente.
const arr = [1,2,3,4,5 ]; para (dejar el artículo de arr) { console.log (punto); }
Utilizando el método descrito anteriormente, y en el similares.
II ES5 y ES6 array maniquí será convertida en una serie de métodos respectivos:
¿Por qué matriz artificial se llama pseudo-matrices, es porque tiene una serie de características: hay longitud, etc., se pueden recorrer, pero él no tiene alguna otra variedad operación, tales como corte y así sucesivamente.
Que señala a la definición de matriz dummy: un atributo de longitud de datos y almacenados por indexar el objeto es la matriz de maniquí.
1. alcanzado por la llamada
dejar que arr = [] .slice.call (argumentos);
Se asume que una matriz de argumentos ficticios.
2. consigue mediante ES6 de la nueva
a partir de (arrayLike, mapFn, this.Arg) parámetro indica un pseudo primera matriz a ser transformada, el segundo parámetro representa la operación a realizar para cada artículo, la presente tercera función parámetro que representa el segundo punto.
dejar que arr = Array.from (argumentos)
Por la manera descrita anteriormente se puede convertir en una matriz de datos de la matriz.
De hecho, a partir de ahí otro uso, se puede inicializar una matriz de contenidos de.
dejar que arr = Array.from ({longitud: 5}, () => { volver 1;});
Las operaciones de inicialización anteriores en nombre de una matriz de longitud 5, 1 e inicializa todos los contenidos.
Tres .ES5 y ES6 crear una nueva variedad de métodos
dejar que arr = Array (5 );
dejar que arr = [];
dejar que arr = Array.from ({longitud: 5}, () => {return 1;}); // crear una matriz de longitud 5, y el conjunto de todo el valor de 1.
dejar que arr = Array.of (1); // [. 1] crear una matriz, los valores de la matriz
el ARR let = el Array (5) .Rellenar (1.); // crear una matriz de longitud 5, y el conjunto de toda la asignación 1.
Por encima de dos es el método más común de ES5, se puede especificar la longitud de la primera, pero la segunda no se puede especificar. Los tres métodos siguientes son los ES6.
Array.fill (valor, comienzo, final). El primer valor es para ser llenado, el segundo tercio de las posiciones de inicio y finalización.
Cuatro métodos .ES5 y ES6 elementos que buscan.
dejar array = [1,2,3,4,5 ]; dejar que encontrar = array.filter ((punto) => { retorno elemento% 2 === 0 }) console.log (hallazgo);
El valor de retorno es el código de [2,4], que es ES5 elementos Búsqueda del enfoque, que habría sido para encontrar el final de una matriz y devuelve una matriz. Si queremos encontrar el primer elemento para cumplir con las condiciones, este método podría llevar mucho tiempo un poco.
dejar array = [1,2,3,4,5 ]; dejar que encontrar = array.find ((punto) => { retorno elemento% 2 === 0 }) console.log (hallazgo);
Este enfoque es nuevo ES6 anterior, el resultado final es 2, si sólo queremos encontrar el primer elemento, este enfoque es razonable.
Resumen: El artículo anterior se resume la ES5 y ES6 atravesar la matriz, la conversión, generar, la operación de búsqueda y comparación. Sólo entender las características de cada método con el fin de seleccionar el método apropiado en el momento apropiado.