Les opérations sur les tableaux sont couramment utilisées dans JS

Comment changer le tableau d'origine :

1. push : ajoute des éléments à la fin du tableau et renvoie la nouvelle longueur

2. pop : supprime le dernier et renvoie l'élément supprimé

3. unshift : ajoute un élément au début du tableau et renvoie la nouvelle longueur

4. shift : décale le premier L'élément est supprimé et l'élément supprimé est renvoyé S'il est vide, il est indéfini >

5. splice : supprimer, ajouter, remplacer les éléments du tableau, renvoyer le tableau supprimé, si. non supprimé, il ne reviendra pas

6. ne changera pas le tableau d'origine Méthode de fonctionnement :

concat : concatène plusieurs tableaux et renvoie un nouveau tableau
join : séparez tous les éléments du tableau avec des paramètres Mettez un caractère dans

slice : renvoie l'élément sélectionné
map
2. (es6)

    : Le mappage de tableau est nouveau Tableau de

3. filter

   (es6)
 : Filtrage de tableau, retours tous les nouveaux tableaux

4. générés après avoir jugé par la méthode (lorsqu'elle est jugée vraie)

   forEach
 : parcours de tableau, aucune valeur de retour

5. every

   (es6)
 : pour chaque élément du tableau Exécutez la fonction donnée, retournez true si chaque élément est vrai, sinon retournez false

6. certains

   (es6)
 : exécutez l'élément donné sur la fonction du tableau, si l'un des éléments est vrai, il renvoie vrai à ce moment, les éléments restants ne seront pas testés à nouveau s'ils sont tous faux. , il renvoie false

7. find

   (es6)
 : recherche le premier élément du tableau qui remplit les conditions de la méthode de test (fonction) et renvoie l'élément

8. reduce

   (es6)
 : La méthode reçoit un La fonction agit comme un accumulateur, et chaque valeur du tableau (de gauche à droite) commence à diminuer, éventuellement compter jusqu'à une valeur.

9. indexOf : renvoie le premier

   index
où un élément donné peut être trouvé dans le tableau, ou -1 s'il n'existe pas.

10. include
s
11. (es7)

     : La méthode est utilisée pour déterminer si un tableau contient une valeur spécifiée. Selon la situation, il est utilisé. sera renvoyé si c'est vrai, sinon false est renvoyé.

12. Utiliser

    Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres. articles connexes sur le site php chinois ! Lecture recommandée :

Comment définir des cookies dans le front-end

---

// 连接数组
//concat方法
var array1 = ['a', 'b', 'c'];
var array2 = ['d', 'e', 'f'];
array1.concat(array2); // ["a", "b", "c", "d", "e", "f"]
// 展开运算符方法
[...array1, ...array2] // ["a", "b", "c", "d", "e", "f"]



//循环
var arr = ['a', 'b', 'c'];
arr.forEach(function(element, index) {
  console.log(element + ',' + index);
});
// a , 0
// b , 1
// c , 2

// 箭头函数写法
arr.forEach((element,index) => console.log(element,index));



//循环映射(map)
var numbers = [1, 5, 10, 15];
let doubles = numbers.map((item, index) => item * 2);
// [2, 10, 20, 30]

// 数组是否元素包含(includes)
let a = [1, 2, 3];
a.includes(2);
// true
a.includes(4);
// false



//查找元素(find)
//查找数组中大于等于15的元素，并且返回第一个元素
var ret = [12, 5, 8, 130, 44].find(function(element) {
    return element >= 15; // 方法需要有返回值，判断得出true或者false，返回为true的元素
  }
);
// 130



// 过滤数组(filter)
// 过滤数组中大于等于10的元素并且返回新数组
var filtered = [12, 5, 8, 130, 44].filter(function(value) {
    return value >= 10; // 方法需要有返回值，判断得出true或者false，返回为true的元素
  }
);
// [12, 130, 44]



// 循环判断(every) 为每个元素都执行
var passed = [12, 5, 8, 130, 44].every(function (element, index, array) {
  return (element >= 10);
});
// false


// 循环判断(some) 遇到返回值为true的就停止执行
var passed = [12, 5, 8, 130, 44].some(function (element, index, array) {
  return (element >= 10);
});
// true



// 数组截取(slice) 不改变原数组
var animals = ['ant', 'bison', 'camel', 'duck', 'elephant'];
animals.slice(2)  // ["camel", "duck", "elephant"]  返回数组从下标2开始直到结尾的一个新数组
animals.slice(2, 4)  //["camel", "duck"]  返回数组从下标2到4之间到一个新数组



// 数组减接(splice)  改变原数组
var myFish = ['angel', 'clown', 'mandarin', 'sturgeon'];
myFish.splice(2, 0, 'drum'); // ["angel", "clown", "drum", "mandarin", "sturgeon"]    0为删减个数，在索引为2的位置不删减并且插入'drum'
myFish.splice(2, 1); //  ["angel", "clown", "mandarin", "sturgeon"]       从索引为2的位置删除1项（也就是'drum'这一项）



// 使用 lastIndexOf
var array = [2, 5, 9, 2];
var index = array.lastIndexOf(2); // index === 3
var index = array.lastIndexOf(8); // index === -1



// 数组转字符串(join)
let a = ['Wind', 'Rain', 'Fire'];
a.join() //默认为逗号分隔
// 'Wind,Rain,Fire'
a.join("-") // 用 - 分隔
// 'Wind-Rain-Fire'



// es6 数组去重
let array = [1, 1, 1, 1, 2, 3, 4, 4, 5, 3];
let set = new Set(array);
let newarr = Array.from(set);
// newarr === [1, 2, 3, 4, 5]

Comment empêcher la propagation des événements dans le front-end

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!