js array (Array, arr) métodos comumente usados

1. Os métodos comuns de arr são os seguintes

        1. arr.push() ==> Adicionar ao final do array

        2. arr.pop() ==> exclui um item no final do array

        3. arr.unshift() ==> Adicionar à primeira posição do array

        4. arr.shift() ==> deletar o primeiro item do array

        5. arr.forEach() ==> matriz de loop

        6. arr.map() ==> matriz de loop

        7. arr.reverse() ==> inverte a ordem dos elementos no array

        8. arr.concat() ==> concatena dois arrays

        9. arr.splice() ==> excluir, inserir e substituir array

        10. arr.slice() ==> interceptar matriz

        11. arr.sort() ==> ordenar matriz

        12. arr.join(',') ==> mude o array para, (separados por vírgula) string

        13. arr.toString() ==> Alterar array para string

        14. arr.find() ==> Encontre um item na matriz que satisfaça a condição

        15. arr.findIndex() ==> Encontre o índice do primeiro item na matriz que atenda às condições

        16. arr.includes() ==> Descubra se existe um item no array

        17. arr.reduce() ==> pode ser usado como um acumulador

2. Introdução detalhada

        1. arr.push()

                - Função: adicionar ao final

                - Aceitar ou não parâmetros: suporta a entrada de parâmetros de vários dígitos, adiciona um quando um é passado e adiciona vários dígitos quando vários dígitos são passados

                - Se deve operar a matriz de origem: Sim

                - Retorno: retorna os dados adicionados

                - por exemplo:

let arr = [1,2,3]

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

arr.push(5,6)
console.log(arr) // [1, 2, 3, 4, 5, 6]

arr.push(7,8,9)
console.log(arr) // [1, 2, 3, 4, 5, 6, 7, 8, 9]

2. arr.pop()

        - Função: deletar um item no final do array

        - Aceitar ou não parâmetros: não aceitar parâmetros

        - Se deve operar a matriz de origem: Sim

        - Retorno: retorna o último item de dados excluído

        - por exemplo:

let arr = [1, 2, 3]

arr.pop()

console.log(arr) //[1, 2]

3. arr.unshift()

        - Função: adicionar ao primeiro lugar

        - Aceitar ou não parâmetros: suporta a entrada de parâmetros de vários dígitos, adiciona um quando um é passado e adiciona vários dígitos quando vários dígitos são passados

        - Se deve operar a matriz de origem: Sim

        - Retorno: retorna os dados adicionados

        - por exemplo:

let arr = [1, 2, 3]

arr.unshift(5, 6)

console.log(arr) // [5, 6, 1, 2, 3]

4. arr.shift()

        - Função: para deletar o primeiro item do array

        - Aceitar ou não parâmetros: não aceitar parâmetros

        - Se deve operar a matriz de origem: Sim

        - Retorno: retorna os dados do primeiro item removido

        - por exemplo:

let arr = [1, 2, 3]

arr.shift()

console.log(arr) //  [2, 3]

5. arr.forEach()

        - Função: loop array (operar em cada item do array)

        - Aceitar ou não parâmetros: aceitar uma função (item, index, arr) => {console.log('item, i, arr', item, i, arr);}

                item: o item atual do loop

                i: o índice do item atual do loop

                arr: o próprio array

        - Se deve operar a matriz de origem: Sim

        - Retorna: indefinido

        - por exemplo:

let arr = [1, 2, 3];

let result = arr.forEach((item, i, arr) => {
  console.log('item, i, arr', item, i, arr);
  // item, i, arr 1 0 [1, 2, 3]
  // item, i, arr 2 1 [1, 2, 3]
  // item, i, arr 3 2 [1, 2, 3]
  item = item + 1;
});

console.log(arr); // [2, 3, 4]
console.log(result); // undefined

6. arr.map()

        - Função: loop array (operar em cada item do array)

        - Aceitar ou não parâmetros: aceitar uma função (item, index, arr) => {console.log('item, i, arr', item, i, arr);}

                item: o item atual do loop

                i: o índice do item atual do loop

                arr: o próprio array

        - Se deve operar a matriz de origem: não

        - Retorno: *** retorna o novo array após o processamento (deve ser utilizado o retorno)

        - por exemplo:

let arr = [1, 2, 3];

let result = arr.map((item, i, arr) => {
  console.log('item, i, arr', item, i, arr);
  // item, i, arr 1 0 [1, 2, 3]
  // item, i, arr 2 1 [1, 2, 3]
  // item, i, arr 3 2 [1, 2, 3]
  return item + 1;
});

console.log(arr); // [1, 2, 3]
console.log(result); // [2, 3， 4]

7. arr.reverse()

        - Função: inverter a ordem dos elementos em uma matriz

        - Aceitar ou não parâmetros: Não

        - Se deve operar a matriz de origem: Sim

        - Retorno: *** retorna o novo array após o processamento

        - por exemplo:

let arr = [1, 2, 3, 4, 5];

let result = arr.reverse();

console.log('arr', arr);  // [5, 4, 3, 2, 1]
console.log('result', result); // [5, 4, 3, 2, 1]

8. arr.concat()

        - Função: concatenar dois arrays

        - Aceitar ou não parâmetros: aceitar arrays, múltiplos

        - Se deve operar a matriz de origem: não

        - Retorno: *** retorna o novo array após o processamento

        - por exemplo:

let arr = [1, 2, 3, 4, 5];

let result = arr.concat([6, 7], [8, 9]);

console.log('arr', arr);  // [1, 2, 3, 4, 5]
console.log('result', result);  // [1, 2, 3, 4, 5, 6, 7, 8, 9]

9. arr.splice()

        - Função: Excluir, inserir e substituir matrizes são possíveis (dois parâmetros são interceptados, mais de três parâmetros são substituídos e, quando há mais de três parâmetros, o comprimento da segunda interceptação de parâmetro é 0, que é a adição)

        - Aceitar ou não parâmetros: aceitar pelo menos dois parâmetros arr.splice(index, len, ...outros)

                índice: índice, comece a substituir a partir desse índice

                len: o comprimento interceptado

                ...outros: o conteúdo a ser adicionado após a interceptação (podem ser inúmeros parâmetros, basta adicionar alguns parâmetros se você adicionar parâmetros)

        - Se deve operar a matriz de origem: Sim

        - Retorno: a parte interceptada

        - por exemplo:

// 截取
let arr = [1, 2, 3, 4, 5];

let result = arr.splice(1, 2);
console.log('arr', arr); // [1, 4, 5]

console.log('result', result); // [2, 3]


// 替换
let arr = [1, 2, 3, 4, 5];

let result = arr.splice(1, 2, 9, 9, 9, 9, 9);

console.log('arr', arr); // [1, 9, 9, 9, 9, 9, 4, 5]
console.log('result', result); // [2, 3]


// 添加
let arr = [1, 2, 3, 4, 5];

let result = arr.splice(1, 0, 9, 9, 9, 9, 9);

console.log('arr', arr); // [1, 9, 9, 9, 9, 9, 2, 3, 4, 5]
console.log('result', result); // []

10. arr.slice()

        - Função: interceptar matriz

                Quando houver apenas um parâmetro, comece de startIndex e intercepte até o final;

                parâmetro pode ser negativo

        - Aceitar ou não parâmetros: aceitar pelo menos um parâmetro arr.slice(startIndex, endIndex)

                startIndex: o índice para iniciar a interceptação

                endIndex: interceptado para esse índice (o item interceptado não contém endIndex)

        - Se deve operar a matriz de origem: não

        - Retorno: uma matriz composta de partes após a interceptação

        - por exemplo:

// eg1
let arr = [1, 2, 3, 4, 5];

let result = arr.slice(1);

console.log('arr', arr); // [1, 2, 3, 4, 5]
console.log('result', result); // [2, 3, 4, 5]


// eg2
let arr = [1, 2, 3, 4, 5];

let result = arr.slice(1, 3);

console.log('arr', arr); // [1, 2, 3, 4, 5]
console.log('result', result); // [2, 3]


// eg3
let arr = [1, 2, 3, 4, 5];

let result = arr.slice(-3, -1);

console.log('arr', arr); // [1, 2, 3, 4, 5]
console.log('result', result); // [3, 4]

11. arr.sort() 

        - Função: classificação de matrizes (arrays, strings e caracteres chineses podem ser classificados) (de acordo com a classificação do código ASCII)

        - Aceitar ou não parâmetros: pode aceitar parâmetros, aceitar uma função (a, b) => a - b

                Ordem crescente: (a, b) => a - b / sem referência

                Ordem decrescente: (a, b) => b - a

        - Se deve operar a matriz de origem: Sim

        - Retorno: retorna o array ordenado

        - por exemplo:

// eg1 升序
let arr = [4, 5, 7, 2, 3, 7, 2, 1];

let result = arr.sort();

console.log('arr', arr); // [1, 2, 2, 3, 4, 5, 7, 7]
console.log('result', result); // [1, 2, 2, 3, 4, 5, 7, 7]


// eg2 升序
let arr = [4, 5, 7, 2, 3, 7, 2, 1];

let result = arr.sort((a, b) => a - b);

console.log('arr', arr); // [1, 2, 2, 3, 4, 5, 7, 7]
console.log('result', result); // [1, 2, 2, 3, 4, 5, 7, 7]


// eg3 降序
let arr = [4, 5, 7, 2, 3, 7, 2, 1];

let result = arr.sort((a, b) => {
    return b - a
});

console.log('arr', arr); // [7, 7, 5, 4, 3, 2, 2, 1]
console.log('result', result); // [7, 7, 5, 4, 3, 2, 2, 1]

12. arr.join(param)

        - Função: Alterar o array para uma string separada por qualquer caractere (param)

        - Aceitar ou não parâmetros: aceitar um caractere

        - Se deve operar a matriz de origem: não

        - Retorno: Retorna a *string* após a divisão

        - por exemplo:

// eg1 逗号分隔
let arr = [1, 2, 3, 4, 5];

let result = arr.join(',');

console.log('arr', arr); // [1, 2, 3, 4, 5]
console.log('result', result); // 1,2,3,4,5


// eg2 中线
let arr = [1, 2, 3, 4, 5];

let result = arr.join('-');

console.log('arr', arr); // [1, 2, 3, 4, 5]
console.log('result', result); // 1-2-3-4-5


// eg3 数字1
let arr = [1, 2, 3, 4, 5];

let result = arr.join(1);

console.log('arr', arr); // [1, 2, 3, 4, 5]
console.log('result', result); // 112131415

13. arr.toString()

        - Função: mudar array para string

        - Aceitar ou não parâmetros: Não

        - Se deve operar a matriz de origem: não

        - Retorno: Retorna a *string* após a divisão

        - por exemplo:

let arr = [1, 2, 3, 4, 5];

let result = arr.toString();

console.log('arr', arr); // [1, 2, 3, 4, 5]
console.log('result', result); // 1,2,3,4,5

14. arr.find()

        - Função: Encontre um item na matriz que satisfaça a condição

        - Aceitar ou não parâmetros: aceitar uma função (item) => item == 8

        - Se deve operar a matriz de origem: não

        - Retorno: Se encontrado, retorna o primeiro item que satisfaça, se não encontrado, retorna indefinido

        - por exemplo:

let arr = [1, 2, 3, 4, 5];

let result = arr.find(item => item == 8});

console.log('arr', arr); // [1, 2, 3, 4, 5]
console.log('result', result); // undefined

15. arr.findIndex()

        - Função: Encontre o índice do primeiro item na matriz que satisfaça a condição

        - Aceitar ou não parâmetros: aceitar uma função (item) => item == 8

        - Se deve operar a matriz de origem: não

        - Retorno: encontre e retorne o índice do primeiro item que satisfaça e retorne -1 se não for encontrado

        - por exemplo:

let arr = [1, 2, 3, 4, 5];

let result = arr.findIndex(item => item == 8});

console.log('arr', arr); // [1, 2, 3, 4, 5]
console.log('result', result); // -1

16. arr.includes()

        - Função: Encontrar se existe um item no array

        - Aceitar ou não parâmetros: aceitar uma função

        - Se deve operar a matriz de origem: não

        - Retorno: verdadeiro se encontrado, falso se não encontrado

        - por exemplo:

let arr = [1, 2, 3, 4, 5];

let result = arr.findIndex(5});

console.log('arr', arr); // [1, 2, 3, 4, 5]
console.log('result', result); // true

17. arr.reduce()

        - Função: pode ser usado como acumulador, desduplicador, etc.

        - Aceitar ou não parâmetros: aceitar dois parâmetros arr.reduce((pre, curr) => {}, total)

                Primeiro parâmetro: function(pre, curr) => {}

                        pre: o valor retornado pelo último loop,

                        curr: item do ciclo atual

                O segundo parâmetro: a palavra inicializada

        - Se deve operar a matriz de origem: não

        - Retorno: retorna o valor do processamento do final do loop

        - por exemplo:

let arr = [1, 2, 3, 4, 5];

let result = arr.reduce((per, curr) => {
  return per + curr;
}, 0);

console.log('arr', arr); // [1, 2, 3, 4, 5]
console.log('result', result); // 15