Operações comuns em arrays

1.classificar()

Descrição: De acordo com as regras de classificação fornecidas, os elementos do array podem ser classificados. A
           ordem de classificação pode ser letras ou números, e em ordem crescente ou decrescente. A ordem de classificação padrão é alfabeticamente crescente.
           Para usar a classificação numérica, você deve passar uma função como argumento para a chamada.
Sintaxe: arr.sort (regras de classificação);
Nota:
         (1) Se nenhum parâmetro for especificado, o padrão é classificar de acordo com o método de codificação (tamanho Unicode)
         (2) Este método alterará a estrutura do array original

Compatibilidade: Todos os principais navegadores suportam

var arr = [243,123,567,453,54,34,54,13,5,98,100];
var newArr = arr.sort(); 
console.log(arr); //(11) [100, 123, 13, 243, 34, 453, 5, 54, 54, 567, 98]
console.log(newArr); //(11) [100, 123, 13, 243, 34, 453, 5, 54, 54, 567, 98]
		
function sortFunc(a,b){
	return a-b;
};
var arr = [243,123,567,453,54,34,54,13,5,98,100];
var newArr = arr.sort(sortFunc);
console.log(arr); //(11) [5, 13, 34, 54, 54, 98, 100, 123, 243, 453, 567]
console.log(newArr); //(11) [5, 13, 34, 54, 54, 98, 100, 123, 243, 453, 567]

2.reverso()

Descrição: A ordem dos elementos do array pode ser invertida (ordem reversa)
Sintaxe: arr.reverse();
Nota: Este método pode alterar a estrutura do array original
Compatibilidade: Todos os principais navegadores suportam

var arr = [11,34,54,67,53,23,1,32];
var newArr = arr.reverse();
console.log(arr); //(8) [32, 1, 23, 53, 67, 54, 34, 11]
console.log(newArr); //(8) [32, 1, 23, 53, 67, 54, 34, 11]

3.fatia()

Descrição: Comece a interceptar a partir do array com o subscrito fromIndex, intercepte até o subscrito toIndex e retorne os elementos do array interceptados para formar um novo array Sintaxe:
arr.splice(fromIndex,toIndex);
Nota:
         (1) Ao interceptar, é Começando em fromIndex e terminando em toIndex, o elemento no subscrito de toIndex não é incluído
         (2) O método slice() não modificará a estrutura original do array

(3) Os parâmetros do método slice podem ser números negativos, o que significa a compatibilidade do          penúltimo elemento

var arr = ['aa','bb','cc','dd','ee','ff'];
var newArr = arr.slice(3,6);
console.log(arr); //(6) ["aa", "bb", "cc", "dd", "ee", "ff"]
console.log(newArr); //(3) ["dd", "ee", "ff"]

4.splice()

Descrição: Interceptar e substituir elementos
Sintaxe: arr.splice(index, removeCount, addItem1, addItem2,...);
Nota:
         (1) Este método pode alterar a estrutura original do array
         (2) Para este método, os dois primeiros parâmetros são parâmetro necessário. Todos os parâmetros a seguir são opcionais
         . O número de elementos interceptados pelo parâmetro (3) não precisa ser consistente com o número de elementos adicionados.

Compatibilidade: Todos os navegadores convencionais suportam

var arr = ['123','aaa','bbb',4,6,5,'ddd','ccc','eee'];
var subArr = arr.splice(3,4,'a','b','c','1','2','3');
console.log(subArr); //(4) [4, 6, 5, "ddd"]
console.log(arr); //(11) ["123", "aaa", "bbb", "a", "b", "c", "1", "2", "3", "ccc", "eee"]

5.indexOf()

Descrição: Encontre o subscrito da primeira ocorrência do elemento na matriz e retorne -1
se          não
for encontrado          (2) O segundo parâmetro pode ser um número negativo, o que significa pesquisar para trás a partir do penúltimo elemento          (3) [Seja um parâmetro positivo ou negativo, a ordem de pesquisa é sempre inversa]



Compatibilidade: IE8 e suas versões posteriores não suportam, o resto é suportado

var arr = ['小红','小橙','小黄','小绿','小青','小红'];
var index = arr.indexOf('小红',2);
console.log(index); //5

6.lastIndexOf()

Descrição: Encontre o último índice do elemento na matriz, se não for encontrado, retorne -1
Sintaxe: arr.lastIndexOf(item,toIndex);
Nota:
         (1) O segundo parâmetro é um parâmetro opcional, que representa a pesquisa para trás. final do número subscrito
         (2) O segundo parâmetro pode ser um número negativo, e o número negativo significa pesquisar para trás até o final dos [últimos]

Compatibilidade: IE8 e versões posteriores não suportam, e o resto apoie isso

var arr = ['小红','小橙','小黄','小绿','小青','小红'];
var index = arr.lastIndexOf('小红',2);
console.log(index); //0

7.unshift()

Descrição: A função é adicionar um ou mais elementos na posição inicial atual do array e retornar o novo comprimento do array adicionado
Sintaxe: arr.unshift(item1,item2,...);
Nota: Este método afetará o array original, você pode decidir se deseja salvar o resultado de acordo com suas necessidades.
Compatibilidade: IE8 e versões anteriores não suportam o retorno indefinido, e todos os outros o suportam

var arr = ['小红','小橙','小黄'];
var newLength = arr.unshift('小绿','小青');
console.log(arr); //(5) ["小绿", "小青", "小红", "小橙", "小黄"]
console.log(arr.length); //5
console.log(newLength); //5

8.shift()

Descrição: A função é deletar o primeiro elemento no início do array e retornar este elemento
Sintaxe: arr.shift();
Nota: Este método afetará o array original, e você pode decidir se deseja salvar o resultado de acordo com seu necessidades.
Compatibilidade: Todos os dispositivos de navegadores convencionais suportam

var arr = ['一','二','三','四','五'];
var deleteItem = arr.shift();
console.log(arr); //(4) ["二", "三", "四", "五"]
console.log(arr.length); //4
console.log(deleteItem); //一

9.push()

Descrição: A função é adicionar um ou mais elementos ao final do array e retornar o novo comprimento do array
Sintaxe: arr.push(item1,item2,...);
Nota: Você pode decidir se deseja salvar a execução resultado do método push de acordo com suas necessidades
           (1) O método push() afetará o array original
           (2) Você pode decidir se deseja salvar o resultado da execução do método push() de acordo com suas necessidades

Compatibilidade: Todos os navegadores convencionais suportam

var arr = [];
var newLength = arr.push('Licy',15);
console.log(arr); //(2) ["Licy", 15]
console.log(newLength); //2
	
var otherNewLength = arr.push('Lily');
console.log(arr); //(3) ["Licy", 15, "Lily"]
console.log(otherNewLength); //3

10.pop()

Descrição: A função é deletar o último elemento do array e retornar este elemento
Sintaxe: arr.pop();
Nota:
         (1) O método pop afetará o array original
         (2) Você pode decidir se deseja salvar pop() de acordo com suas necessidades O resultado da execução do método
         (3) O método pop() não possui parâmetros

Compatibilidade: Chrome1.0, IE5.5, Firefox1.0, Safari, suporte Opera

var arr = ['aaa','bbb','ccc','ddd','eee'];
var deleteItem = arr.pop();
console.log(deleteItem); //eee
console.log(arr.length); //4
console.log(arr); //(4) ["aaa", "bbb", "ccc", "ddd"]

11.isArray()

Descrição: Usado para determinar se uma variável é um array. Se retornar verdadeiro, caso contrário retorna falso
Sintaxe: Array.isArray(nome da variável);
Nota: Este método não é chamado por uma variável array, mas deve ser chamado por Array
Compatibilidade: Chrome5, IE9.0, Firefox4, Safari5, Opera10 .5 suporte

var arr = [11,22,33,44,55];
console.log(typeof arr); //object
console.log(Array.isArray(arr)); //true

12.valorOf()

Descrição: Retorna o próprio array.
           O valor primitivo é herdado por todos os objetos derivados do objeto Array.
Sintaxe: arr.valueOf();
Nota:
         (1) valueOf() não alterará o array original
         (2) O método valueOf() geralmente é chamado automaticamente pelo JavaScript em segundo plano e não aparece explicitamente no código.

Compatibilidade: Todos os principais navegadores suportam

var arr = [2,53,23,12,6,23];
var newArr = arr.valueOf();
console.log(arr); //(6) [2, 53, 23, 12, 6, 23]
console.log(newArr); //(6) [2, 53, 23, 12, 6, 23]
console.log(arr === arr.valueOf()); //true

13.toString()

Descrição: Os elementos do array no array podem ser divididos em uma string separada por vírgula
Sintaxe: arr.toString();
Nota: O método toString() pode não apenas combinar elementos do array, mas também funcionar para tipos booleanos
Compatibilidade: Todos Todos os principais navegadores suportam

var arr = ['aaa','bbb','ccc','ddd'];
var str = arr.toString();
console.log(str); //aaa,bbb,ccc,ddd

var bool = true;
console.log(bool); //true
var str = bool.toString();
console.log(str); //true

14.juntar()

Descrição: Os elementos do array podem ser combinados em uma string com um determinado separador como intervalo.
Sintaxe: arr.join('delimiter');
Nota: Seja cortando a string ou mesclando o array, não estará correto Os dados originais têm impacto.
Compatibilidade: todos os principais navegadores suportam

//切割字符串
var str = 'hello world goodbye world';
var wordArr = str.split(' ');
console.log(wordArr); //(4) ["hello", "world", "goodbye", "world"]
	    
//合并数组
var newStr = wordArr.join(' ');
console.log(newStr); //hello world goodbye world
console.log(wordArr); //(4) ["hello", "world", "goodbye", "world"]

15.concat()

Descrição: Este método é usado para concatenar dois ou mais arrays
Sintaxe: arr.concat(arr1,arr2,arr3,...);
Nota: Este método não alterará os arrays existentes, mas retornará apenas um dos arrays concatenados Copiar
Compatibilidade: Todos os principais navegadores suportam

var arr = [11,22,33];
var arr1 = ['大红','小红'];
var arr2 = ['aaa','bbb','ccc'];
console.log(arr.concat(arr1,arr2)); (8) [11, 22, 33, "大红", "小红", "aaa", "bbb", "ccc"]

 

Acho que você gosta

Origin blog.csdn.net/weixin_55992854/article/details/117359022
Recomendado
Clasificación