Algunos consejos js de uso frecuente

1. Filtra valores únicos

El tipo de objeto Set se introdujo en ES6. Junto con la operación de expansión ... juntos, podemos usarlo para crear una nueva matriz con solo valores únicos.

const array = [1, 1, 2, 3, 5, 5, 1]
const uniqueArray = [...new Set(array)];
console.log(uniqueArray); // Result: [1, 2, 3, 5]

Antes de ES6, aislar valores únicos implicaba mucho más código que este.

Esta técnica es adecuada para matrices que contienen tipos básicos: indefinido, nulo, booleano, cadena y número. (Si tiene una matriz que contiene objetos, funciones u otras matrices, ¡necesita un enfoque diferente!)

2. Convertir a booleano

const isTrue  = !0;
const isFalse = !1;
const alsoFalse = !!0;
console.log(isTrue); // Result: true
console.log(typeof true); // Result: "boolean"

 3. Convertir a cadena

const val = 1 + "";
console.log(val); // Result: "1"
console.log(typeof val); // Result: "string"

 4. Convierta a números

Utilice el operador de suma + para lograr rápidamente el efecto contrario.

let int = "15";
int = +int;
console.log(int); // Result: 15
console.log(typeof int); Result: "number"

Esto también se puede usar para convertir valores booleanos en números como se muestra a continuación.

console.log(+true);  // Return: 1
 console.log(+false); // Return: 0

5. Truncamiento de matriz

Si desea eliminar valores del final de la matriz, existe un método más rápido que usar splice ().

Por ejemplo, si conoce el tamaño de la matriz original, puede redefinir su propiedad de longitud, así

let array = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
array.length = 4;
console.log(array); // Result: [0, 1, 2, 3]

 Ésta es una solución particularmente concisa. Sin embargo, descubrí que el método slice () se ejecuta más rápido. Si la velocidad es su objetivo principal, considere usar:

let array = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
array = array.slice(0, 4);
console.log(array); // Result: [0, 1, 2, 3]

6. Obtenga el último elemento de la matriz

let array = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
console.log(array.slice(-1)); // Result: [9]
console.log(array.slice(-2)); // Result: [8, 9]
console.log(array.slice(-3)); // Result: [7, 8, 9]

7. Formatee el código JSON

Finalmente, es posible que haya usado JSON.stringify antes, pero ¿se dio cuenta de que también puede ayudarlo a sangrar JSON?

El método stringify () tiene dos parámetros opcionales: una función de reemplazo, que se puede usar para filtrar el JSON mostrado y un valor de espacio

console.log(JSON.stringify({ alpha: 'A', beta: 'B' }, null, '\t'));
// Result:
// '{
//     "alpha": A,
//     "beta": B
// }'

Supongo que te gusta

Origin blog.csdn.net/AN0692/article/details/105806460
Recomendado
Clasificación