Maison > Article > interface Web > Introduction aux méthodes couramment utilisées des objets Array en JavaScript (exemples de code)
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.
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(值) //往数组添加元素
var arr = ["element1","element2","element3","element4"]; //下面所有案列都是用的这个数组 //获取指定元素的下标 var index = arr. indexOf(”element2“); // 1
参数 | 描述 |
---|---|
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"]
let getReturn = arr.pop(); console.log(getReturn); //element4 console.log(arr); //["element1","element2","element3"]
参数 | 描述 |
---|---|
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"]
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"]
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"]
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]
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"]
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"]
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
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"]
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!