Matriz JavaScript.of() – 03 – Acervo Lima Tutorials

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]); // undefinedLinguagem de código:  JavaScript  ( javascript )

Porém, quando você passa para o Arrayconstrutor 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 Arrayconstrutor.

ES6 apresenta o Array.of()método para resolver este problema.

O Array.of()método é semelhante ao Arrayconstrutor, 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]); // 3Linguagem 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 )