Maison  >  Article  >  interface Web  >  Introduction aux méthodes couramment utilisées des objets Array en JavaScript (exemples de code)

Introduction aux méthodes couramment utilisées des objets Array en JavaScript (exemples de code)

不言
不言avant
2018-11-12 17:23:551605parcourir

Cet article vous présente les méthodes couramment utilisées des objets Array en JavaScript (exemples de code). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

En js, le tableau est un objet spécial. Il s'agit de notre format de données couramment utilisé. Aujourd'hui, trions les méthodes de tableau couramment utilisées.

1 Notions de base

Quelques méthodes de base seront brièvement présentées :
Créer un tableau

var arr1 = new Array();  //括号可以传参,指定数组长度。目前arr1.length是0
var arr2 = new Array(3);//arr2.length是3
var arr3 = new Array(1,2,3,4);  //当传多个参数时,js会把这些参数作为数组的初始值。
console.log(arr3);  // [1,2,3,4]

nouveau. Array () Il y a une chose à noter lors de la création d'un tableau. Lorsqu'un seul paramètre est passé, si la valeur n'est pas numérique. sera utilisé comme premier paramètre du tableau, générant un tableau de longueur 1. S'il s'agit d'un nombre, un tableau vide de la longueur de ce nombre sera créé.

Mais en fait, la méthode de création ci-dessus n'est pas couramment utilisée. Nous sommes plus habitués à écrire ainsi

var arr = [];
var arr = [0,1,2,3]

Méthode de base

arr.length  //数组的长度
arr[1] //数组下标是1的值。数组的下标从0开始计数
arr.push(值) //往数组添加元素

2. Autres méthodes

var arr = ["element1","element2","element3","element4"];     //下面所有案列都是用的这个数组

//获取指定元素的下标
var index = arr. indexOf(”element2“);   // 1

(1) splice(index,number, item1,. ....,itemX) ajoute/supprime des éléments du tableau et renvoie l'élément supprimé.

参数 描述
index 必需。整数。添加/删除项目的位置,使用负数可从数组结尾处规定位置。
number 必需。要删除的项目数量。如果设置为 0,则不会删除项目。
item1, ..., itemX 可选。向数组添加的新项目。

Regardons un exemple pratique

//删除
let getReturn = arr.splice(1,1);
console.log(getReturn);  // ["element2"]
console.log(arr);    //["element1",","element3","element4"]

//添加
let getReturn = arr.splice(arr.length,0,"element5","element6");
console.log(getReturn);  //[]
console.log(arr);    //["element1","element2","element3","element4","element5","element6"]

(2) la méthode pop(), supprime le dernier bit du tableau et renvoie l'élément supprimé.

let getReturn = arr.pop();
console.log(getReturn);    //element4
console.log(arr);    //["element1","element2","element3"]

(3) slice(start,end) renvoie l'élément sélectionné dans le tableau existant.

参数 描述
start 必需。整数。添加/删除项目的位置,使用负数可从数组结尾处规定位置。
end 必需。要删除的项目数量。如果设置为 0,则不会删除项目。

Remarque : Veuillez noter que cette méthode ne modifie pas le tableau, mais renvoie un sous-tableau. Si vous souhaitez supprimer un segment d'éléments d'un tableau, vous devez utiliser la méthode Array.splice().

let getReturn = arr.slice(1,3);
console.log(getReturn);    //["element2", "element3"]
console.log(arr);    //["element1", "element2", "element3", "element4"]

(4) join(separator) place tous les éléments du tableau dans une chaîne.

séparateur : facultatif. Spécifiez le délimiteur à utiliser. Si ce paramètre est omis, une virgule est utilisée comme délimiteur.

let getReturn = arr.join();
console.log(getReturn);    //element1,element2,element3,element4
console.log(arr);    //["element1", "element2", "element3", "element4"]

(5) La méthode concat(array1,array2,...,arrayX) est utilisée pour concaténer deux ou plusieurs tableaux.

arrayX : obligatoire. Ce paramètre peut être une valeur spécifique ou un objet tableau. Il peut s'agir de n'importe quel nombre.

//传数组
let getReturn = arr.concat(['element5',"element6"],["element7"]);
console.log(getReturn);    //["element1", "element2", "element3", "element4", "element5", "element6", "element7"]
console.log(arr);    // ["element1", "element2", "element3", "element4"]

//传元素
let getReturn = arr.concat('element5',"element6");
console.log(getReturn);    //["element1", "element2", "element3", "element4", "element5", "element6"]
console.log(arr);    //["element1", "element2", "element3", "element4"]

(6) La méthode sort(sortby) est utilisée pour trier les éléments du tableau.

trier par : facultatif. Spécifie l'ordre de tri. Doit être une fonction.
Valeur de retour : référence au tableau. Veuillez noter que le tableau est trié sur le tableau d'origine et qu'aucun nouveau tableau n'est généré.
Règles de comparaison : triez en fonction de l'encodage des caractères, donc les résultats peuvent ne pas être ceux que vous souhaitez. Vous devez passer des paramètres pour résoudre le problème

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

let getReturn = newArr.sort();
console.log(getReturn);      //[1, 2, 3, 4, 5]
console.log(newArr);    //[1, 2, 3, 4, 5]

Regardons un autre exemple qui ne fonctionne pas. comme nous nous y attendions

let newArr = [1000,88,93,6,34];
let getReturn = newArr.sort();
console.log(getReturn);    //[1000, 34, 6, 88, 93]
console.log(newArr);    // [1000, 34, 6, 88, 93]

//要实现大小排序,我们需要传参数解决
function sortNumber(a,b){    //定义函数
    return a - b
}
let getReturn = newArr.sort();
console.log(getReturn);    //[6, 34, 88, 93, 1000]
console.log(newArr);    //[6, 34, 88, 93, 1000]

(7) La méthode shift() est utilisée pour supprimer le premier élément du tableau et renvoyer la valeur du premier élément.

Si le tableau est vide, la méthode shift() ne fera rien et renverra une valeur non définie.

  let getReturn = arr.shift();
  console.log(getReturn);    //element1
  console.log(arr);    //["element2","element3","element4"]

(8) La méthode unshift() ajoute un ou plusieurs éléments au début du tableau et renvoie la nouvelle longueur.

arr.unshift(newelement1, newelement2,....,newelementX)

  let getReturn = arr.unshift("element-1","element0");
  console.log(getReturn);    //6
  console.log(arr);    //["element-1","element0","element1","element2","element3","element4"]

(9) La méthode toString() peut convertir le tableau en chaîne et renvoyer le résultat.

arr.unshift(newelement1,newelement2,....,newelementX)

  let getReturn = arr.toString();
  console.log(getReturn,typeof getReturn);    //element1,element2,element3,element4 string
  console.log(arr,typeof arr);    //["element1", "element2", "element3", "element4"] "object"

Remarque : Lorsqu'il est utilisé pour des opérations sur les chaînes, JavaScript appellera cette méthode pour convertir automatiquement le tableau en chaîne . Par exemple :

let string = arr+"123";
console.log(string);    //element1,element2,element3,element4123

(10) La méthode reverse() est utilisée pour inverser l'ordre des éléments dans le tableau.

Cette méthode modifiera le tableau d'origine sans créer de nouveau tableau.

  let getReturn = arr.reverse();
  console.log(getReturn);    //["element4", "element3", "element2", "element1"]
  console.log(arr);    //["element4", "element3", "element2", "element1"]

3. Il existe également

De plus, il existe des méthodes valueOf(), toLocaleString(), toSource(). Mais je ne l'ai jamais utilisé et je ne pense à aucun scénario d'utilisation, donc je n'en parlerai pas séparément.

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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer