Objeto incorporado Array-1

concat ()

Original : MDN-concat ()
Función : el concat()método se utiliza para fusionar dos o más matrices. Este método no cambia la matriz existente, pero devuelve una nueva matriz.
Sintaxis :newArr = arr1.concat(arr2)
- newArr: Nueva matriz
- arr1: Matriz antigua 1
- arr2: Matriz antigua 2
Valor de retorno : la nueva Arrayinstancia.
Codigo :

const newArr = [1, 2, 3].concat(['a', 'b', 'c']);

// [1, 2, 3, 'a', 'b', 'c']

llenar()

Original : relleno MDN ()
Función : el fill()método llena todos los elementos de una matriz desde el índice inicial hasta el índice final con un valor fijo. No incluye el índice de terminación.
Sintaxis :arr.fill(value, start, end)
- value: El valor utilizado para completar los elementos de la matriz.
- start: Índice de inicio, el valor predeterminado es 0.
- end: Índice de terminación, el valor predeterminado es this.length.
Valor de retorno : la matriz modificada.
Codigo :

let arr = [1, 2, 3, 4, 5];
arr = new Array(arr.length).fill(0);
// arr - [0, 0, 0, 0, 0];

filtrar()

Original : filtro MDN ()
Función : el filter()método crea una nueva matriz que contiene todos los elementos de la prueba implementada por la función proporcionada.
Sintaxis :arr.filter(callback)
- callback: Una función para probar cada elemento de la matriz. Retorno trueindica que el elemento probado, el elemento de retención falseno se retiene. Acepta los siguientes tres parámetros:
  - element: El elemento que se está procesando actualmente en la matriz
  - index: El índice del elemento que se está procesando en la matriz.
  - array: Llame a la filterpropia matriz.
Valor de retorno : una nueva matriz que consta de elementos que pasan la prueba. Si ningún elemento de la matriz pasa la prueba, se devuelve una matriz vacía.
Codigo :

function isBigEnough(element) {
    
    
  return element >= 10;
}
var filtered = [12, 5, 8, 130, 44].filter(isBigEnough);
// [12, 130, 44]

encontrar()

Original : MDN-find ()
Función : el find()método devuelve el valor del primer elemento de la matriz que satisface la función de prueba proporcionada. De lo contrario, devuelve indefinido.
Sintaxis :arr.find(callback)
- callback: Una función que se ejecuta en cada elemento de la matriz, que recibe 3 parámetros:
  - element: El elemento atravesado actualmente.
  - index: El índice actualmente atravesado.
  - array: La propia matriz.
Valor de retorno : el valor del primer elemento de la matriz que satisface la función de prueba proporcionada; de lo contrario, devuelve undefined.
Codigo :

var inventory = [
  {
    
    name: 'apples', quantity: 2},
  {
    
    name: 'bananas', quantity: 0},
  {
    
    name: 'cherries', quantity: 5}
];

function findCherries(fruit) {
    
     
  return fruit.name === 'cherries';
}

inventory.find(findCherries));
// { name: 'cherries', quantity: 5 }

findIndex ()

Original : MDN-findIndex ()
Función : el findIndex()método devuelve el índice del primer elemento de la matriz que satisface la función de prueba proporcionada. De lo contrario, devuelve -1.
Sintaxis :arr.findIndex(callback)
- callback: Una función que se ejecuta en cada elemento de la matriz, que recibe 3 parámetros:
  - element: El elemento atravesado actualmente.
  - index: El índice actualmente atravesado.
  - array: La propia matriz.
Valor de retorno : devuelve el índice del primer elemento de la matriz que satisface la función de prueba proporcionada. De lo contrario, devuelve -1.
Codigo :

var array1 = [5, 12, 8, 130, 44];

function isLargeNumber(element) {
    
    
  return element > 13;
}

array1.findIndex(isLargeNumber); // 3

para cada()

Original : MDN-forEach ()
Función : el forEach()método ejecuta la función proporcionada una vez para cada elemento de la matriz.
Sintaxis :arr.forEach(callback)
- callback: Una función que se ejecuta para cada elemento de la matriz. La función recibe tres parámetros:
  - currentValue: El elemento que se está procesando actualmente en la matriz
  - index: El índice del elemento actual que se está procesando en la matriz.
  - array: forEach()La matriz en la que está operando el método.
Valor de retorno : undefined.
Codigo :

const items = ['item1', 'item2', 'item3'];
const copy = [];

// 使用 for 遍历
for (let i = 0; i < items.length; i++) {
    
    
  copy.push(items[i]);
}

// 使用 forEach 遍历
items.forEach(function(item){
    
    
  copy.push(item);
});

incluye ()

Original : MDN-incluye ()
Función : El includes()método se usa para juzgar si una matriz contiene un valor especificado, según la situación, si lo contiene, devuelve verdadero, de lo contrario devuelve falso.
Sintaxis :arr.includes(valueToFind, fromIndex)
- searchValue: El valor del elemento que se va a encontrar.
- formIndex: Opcional, dónde empezar a buscar
Valor de retorno : devuelve un valor booleano.
Codigo :

[1, 2, 3].includes(2);     // true
[1, 2, 3].includes(4);     // false
[1, 2, 3].includes(3, 3);  // false
[1, 2, 3].includes(3, -1); // true
[1, 2, NaN].includes(NaN); // true

índice de()

Original : MDN-indexOf ()
Función : el indexOf()método devuelve el índice de la primera aparición del valor especificado en el objeto String que llama.
Sintaxis :indexOf(searchValue, fromIndex)
- searchValue: Valor de búsqueda
- formIndex: Dónde empezar a buscar
Valor de retorno : si se encuentra, devuelve el índice de la primera aparición; si no se encuentra, devuelve -1.
Codigo :

'I am jsliang'.indexOf('a', 4); // 9
[1, 3, 1, 4].indexOf(1, 1); // 2
'怪盗 jsliang'.indexOf('我'); // -1

Extensión : si necesita encontrar el índice de la última aparición del valor especificado, puede usarlo lastIndexOf().

lastIndexOf ()

Original : MDN-lastIndexOf ()
Función : el lastIndexOf()método devuelve el último índice del elemento especificado (es decir, un valor o variable JavaScript válido) en la matriz, o -1 si no existe.
Sintaxis :lastIndexOf(searchValue, fromIndex)
- searchValue: Valor de búsqueda
- formIndex: Búsqueda inversa desde esta ubicación
Valor de retorno : el índice del último elemento de la matriz, si no se encuentra, devuelve -1.
Codigo :

var array = [2, 5, 9, 2];
var index = array.lastIndexOf(2); // 3

Extensión : si necesita encontrar el índice de la primera aparición del valor especificado, puede usarlo indexOf().

unirse()

Original : MDN-join ()
Función : el join()método conecta todos los elementos de una matriz (o un objeto similar a una matriz) en una cadena y devuelve esta cadena
Sintaxis :arr.join(separator)
- separatorEs una forma de fusión. Por ejemplo, ''no está empalmado de ninguna forma a una cadena ['hello', 'hi'].join('') -> 'hellohi':; por ejemplo, '-'tiene -la forma de un empalme de cadena:['hello', 'hi'].join('') -> 'hello-hi'
Valor de retorno : una cadena que concatena todos los elementos de la matriz.
Codigo :

var a = ['Wind', 'Rain', 'Fire'];
var myVar1 = a.join();      // myVar1 的值变为 "Wind,Rain,Fire"
var myVar2 = a.join(', ');  // myVar2的值变为"Wind, Rain, Fire"
var myVar3 = a.join(' + '); // myVar3的值变为"Wind + Rain + Fire"
var myVar4 = a.join('');    // myVar4的值变为"WindRainFire"

mapa()

Original : mapa MDN ()
Función : el map()método crea una nueva matriz y el resultado es el resultado devuelto después de que cada elemento de la matriz llame a una función proporcionada.
Sintaxis :map((item, index) => {})
- item: Elementos atravesados
- index: El índice del elemento atravesado
Valor de retorno : una nueva matriz, cada elemento es el resultado de la función de devolución de llamada.
Codigo :

[1, 2, 3, 4].map(item => item * 2) // [2, 4, 6, 8]

[{
    
    
  name: 'ZZZ',
  age: 24,
}, {
    
    
  name: 'XXX',
  age: 124
}].map((item, index) => {
    
    
  return `${
      
      index} - ${
      
      item.name}`;
}) // ['0 - ZZZ', '1 - XXX']

reducir()

Original : MDN-reduce ()
Función : el reduce()método ejecuta una función reductora (ejecutada en orden ascendente) proporcionada por usted en cada elemento de la matriz y agrega los resultados en un solo valor de retorno.
Sintaxis :arr.reduce((prev, next) => { return prev + next }
- prev: El valor del elemento anterior en la matriz
- next: El valor del último elemento de la matriz
- return: returnEl valor de salida se considerará como la próxima vezprev
Valor de retorno : el resultado del procesamiento acumulativo de la función
Codigo :

[1, 2, 3, 4].reduce((prev, next) => {
    
    
  return prev + next;
}); // 10
['前端', 'pang', 'liang'].reduce((prev, next, index) => {
    
    
  return (index = 0 ? '-js' : '') + prev + 'js' + next;
}); // 前端-jspang-jsliang

Objeto incorporado Array-1

concat ()

llenar()

filtrar()

encontrar()

findIndex ()

para cada()

incluye ()

índice de()

lastIndexOf ()

unirse()

mapa()

reducir()

Supongo que te gusta