Resumo : neste tutorial, você aprenderá como melhorar a construção de array usando o Array.of()
método JavaScript no ES6.
Introdução ao Array.of()
método JavaScript
No ES5, quando você passa um número para o construtor Array , o JavaScript cria um array cujo comprimento é igual ao número. Por exemplo:
let numbers = new Array(2);
console.log(numbers.length); // 2
console.log(numbers[0]); // undefined
Linguagem de código: JavaScript ( javascript )
Porém, quando você passa para o Array
construtor um valor que não é um número, o JavaScript cria um array que contém um elemento com aquele valor. Por exemplo:
numbers = new Array("2");
console.log(numbers.length); // 1
console.log(numbers[0]); // "2"
Linguagem de código: JavaScript ( javascript )
Às vezes, esse comportamento é confuso e sujeito a erros porque você pode não saber o tipo de dados que passa para o Array
construtor.
ES6 apresenta o Array.of()
método para resolver este problema.
O Array.of()
método é semelhante ao Array
construtor, exceto que o Array.of()
método não trata um único valor numérico especial.
Em outras palavras, o Array.of()
método sempre cria um array que contém os valores que você passa para ele, independentemente dos tipos ou do número de argumentos.
O seguinte mostra a sintaxe do Array.of()
método:
Array.of(element0[, element1[, ...[, elementN]]])
Linguagem de código: CSS ( css )
Array.of()
Exemplos de JavaScript
Veja o exemplo a seguir:
let numbers = Array.of(3);
console.log(numbers.length); // 1
console.log(numbers[0]); // 3
Linguagem de código: JavaScript ( javascript )
Neste exemplo, passamos o número 3 para o Array.of()
método. O Array.of()
método cria uma matriz de um número.
Considere o seguinte exemplo:
let chars = Array.of('A', 'B', 'C');
console.log(chars.length); // 3
console.log(chars); // ['A','B','C']
Linguagem de código: JavaScript ( javascript )
Neste exemplo, criamos um array de três strings passando 'A'
, 'B'
e 'C'
para o Array.of()
método. O tamanho da matriz é 3.
Array.of()
Polyfill JavaScript
Se você executar o JavaScript em um ambiente que não suporta o Array.of()
método, poderá usar o seguinte polyfill:
if (!Array.of) {
Array.of = function() {
return Array.prototype.slice.call(arguments);
};
}
Linguagem de código: JavaScript ( javascript )
Neste tutorial, você aprendeu como melhorar a construção de array usando o Array.of()
método JavaScript no ES6.