Maneiras comuns e incomuns de manipular arrays em JavaScript

No desenvolvimento, muitas vezes usamos alguns métodos de operação de matrizes para obter os dados que desejamos. A seguir estão alguns métodos de operação de matrizes. Corrija-me se houver alguma omissão.

push()   adiciona um ou mais elementos ao final do array e retorna o novo comprimento.

const arr = [1, 2, 3];
arr.push(4);
console.log(arr); // [1, 2, 3, 4]

pop()  remove um elemento do final do array e retorna o valor do elemento.

const arr = [1, 2, 3];
const removed = arr.pop();
console.log(arr); // [1, 2]
console.log(removed); // 3

unshift()   adiciona um ou mais elementos ao início do array e retorna o novo comprimento.

const arr = [1, 2, 3];
arr.unshift(0);
console.log(arr); // [0, 1, 2, 3]

shift()   remove um elemento do início do array e retorna o valor desse elemento.

const arr = [1, 2, 3];
const removed = arr.shift();
console.log(arr); // [2, 3]
console.log(removed); // 1

splice()   adiciona, remove ou substitui elementos de um array.

const arr = [1, 2, 3];
arr.splice(1, 1, 'a', 'b');
console.log(arr); // [1, 'a', 'b', 3]

slice()   extrai um intervalo de elementos de um array e retorna um novo array.

const arr = [1, 2, 3];
const copy = arr.slice(0, 2);
console.log(copy); // [1, 2]

concat()   combina dois ou mais arrays em um novo array.

const arr1 = [1, 2];
const arr2 = [3, 4];
const arr3 = arr1.concat(arr2);
console.log(arr3); // [1, 2, 3, 4]

join()  converte todos os elementos do array em strings e retorna uma string.

const arr = [1, 2, 3];
const joined = arr.join(',');
console.log(joined); // "1,2,3"

toString()  converte o array em uma string e retorna a string.

let arr = [1, 2, 3];
let str = arr.toString();
console.log(str); // '1,2,3'

reverse()   inverte a ordem dos elementos em um array.

const arr = [1, 2, 3];
arr.reverse();
console.log(arr); // [3, 2, 1]

sort()   classifica os elementos de um array.

const arr = [3, 1, 2];
arr.sort();
console.log(arr); // [1, 2, 3]

indexOf()   retorna o índice do primeiro elemento do array que corresponde ao valor especificado.

let arr = ['a', 'b', 'c'];
let index = arr.indexOf('b');
console.log(index); // 1

lastIndexOf()   retorna o índice do último elemento do array que corresponde ao valor especificado.

let arr = ['a', 'b', 'c', 'b'];
let index = arr.lastIndexOf('b');
console.log(index); // 3

inclui()   determina se o array contém o valor especificado e retorna um valor booleano.

const arr = [1, 2, 3, 4, 5];
console.log(arr.includes(3)); // true
console.log(arr.includes(6)); // false

forEach()  executa uma função em cada elemento do array.

const array = [1, 2, 3];
array.forEach(function(element) {
  console.log(element);
});
// Output: 1 2 3

map()  executa uma função em cada elemento do array e retorna um novo array.

const array = [1, 2, 3];
const newArray = array.map(function(element) {
  return element * 2;
});
console.log(newArray); // [2, 4, 6]

filter()   filtra os elementos do array de acordo com as condições especificadas e retorna um novo array.

const array = [1, 2, 3, 4, 5];
const newArray = array.filter(function(element) {
  return element > 2;
});
console.log(newArray); // [3, 4, 5]

reduzir()   executa uma função nos elementos de um array e acumula os resultados em um valor.

const array = [1, 2, 3, 4, 5];
const result = array.reduce(function(accumulator, currentValue) {
  return accumulator + currentValue;
}, 0);
console.log(result); // 15

reduzRight()  executa uma função nos elementos do array, começando do lado direito do array, e acumula os resultados em um valor.

const array = ["a", "b", "c", "d"];
const result = array.reduceRight(function(accumulator, currentValue) {
  return accumulator + currentValue;
});
console.log(result); // "dcba"

Every()  determina se cada elemento do array atende às condições especificadas.Se atender às condições especificadas, retorna verdadeiro, caso contrário, retorna falso.

const array = [1, 2, 3, 4, 5];
const result = array.every(function(element) {
  return element > 0;
});
console.log(result); // true

some()   determina se existem elementos no array que atendem às condições especificadas. Nesse caso, retorna verdadeiro, caso contrário, retorna falso.

const array = [1, 2, 3, 4, 5];
const result = array.some(function(element) {
  return element < 0;
});
console.log(result); // false

find()  encontra um elemento em um array que atende às condições especificadas e retorna o elemento.

const array = [1, 2, 3, 4, 5];
const result = array.find(function(element) {
  return element > 3;
});
console.log(result); // 4

findIndex()  encontra o índice do elemento na matriz que atende às condições especificadas e retorna o valor do índice.

const array = [1, 2, 3, 4, 5];
const result = array.findIndex(function(element) {
  return element > 3;
});
console.log(result); // 3

flat()  converte um array multidimensional em um array unidimensional.

const arr = [1, 2, [3, 4, [5, 6]]];
const flattened = arr.flat();
console.log(flattened); // [1, 2, 3, 4, 5, 6]

flatMap()  executa uma função em cada elemento do array e compacta o resultado em um novo array.

const arr = [1, 2, 3];
const result = arr.flatMap((item) => [item * 2]);
console.log(result); // [2, 4, 6]

Use o método flatMap() para executar uma função em cada elemento do array e compactar o resultado em um novo array. Neste exemplo, para cada elemento do array, multiplique-o por 2 e coloque-o em um novo array.
O resultado é uma nova matriz unidimensional [2, 4, 6].

Acho que você gosta

Origin blog.csdn.net/m0_66675766/article/details/130203347
Recomendado
Clasificación