js:Array对象常⽤⽅法介绍
前⾔
在js中,数组作为⼀个特殊的对象。是我们常⽤的数据格式。今天就来梳理⼀下常⽤的数组⽅法.
1.基础
⼏种基础的就简单介绍⼀下:
创建数组
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]
new Array()创建数组有⼀个需要注意的地⽅。只传⼀个参数时,如果这个值是⾮数字。会被当做数组的第⼀个参数,⽣成⼀个长度为1的数组。如果是数字,就会创建⼀个这个数字长度的空数组。
但其实上⾯的创建⽅法不常⽤。我们更习惯这么写
var arr = [];
var arr = [0,1,2,3]
基础⽅法
arr.length //数组的长度
arr[1] //数组下标是1的值。数组的下标从0开始计数
arr.push(值) //往数组添加元素
2.其它⽅法
var arr = ["element1","element2","element3","element4"]; //下⾯所有案列都是⽤的这个数组
//获取指定元素的下标
var index = arr. indexOf(”element2“); // 1
(1)splice(index,number,item1,.....,itemX)从数组中添加/删除元素,然后返回被删除的元素。
参数描述
index必需。整数。添加/删除项⽬的位置,使⽤负数可从数组结尾处规定位置。
number必需。要删除的项⽬数量。如果设置为 0,则不会删除项⽬。
item1, ..., itemX可选。向数组添加的新项⽬。
来看实际例⼦
//删除
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)pop()⽅法,删除数组最后⼀位,返回被删除的元素。
let getReturn = arr.pop();
console.log(getReturn); //element4
console.log(arr); //["element1","element2","element3"]
(3)slice(start,end) 从已有的数组中返回选定的元素。
参数描述
start必需。整数。添加/删除项⽬的位置,使⽤负数可从数组结尾处规定位置。
end必需。要删除的项⽬数量。如果设置为 0,则不会删除项⽬。
注意:请注意,该⽅法并不会修改数组,⽽是返回⼀个⼦数组。如果想删除数组中的⼀段元素,应该使⽤⽅法 Array.splice()。
let getReturn = arr.slice(1,3);
console.log(getReturn); //["element2", "element3"]
console.log(arr); //["element1", "element2", "element3", "element4"]
(4)join(separator)把数组中的所有元素放⼊⼀个字符串。
separator:可选。指定要使⽤的分隔符。如果省略该参数,则使⽤逗号作为分隔符。
let getReturn = arr.join();
console.log(getReturn); //element1,element2,element3,element4
console.log(arr); //["element1", "element2", "element3", "element4"]
(5)concat(array1,array2,......,arrayX) ⽅法⽤于连接两个或多个数组。
arrayX:必需。该参数可以是具体的值,也可以是数组对象。可以是任意多个。
//传数组
let getReturn = at(['element5',"element6"],["element7"]);
console.log(getReturn); //["element1", "element2", "element3", "element4", "element5", "element6", "element7"]
console.log(arr); // ["element1", "element2", "element3", "element4"]
//传元素
let getReturn = at('element5',"element6");
console.log(getReturn); //["element1", "element2", "element3", "element4", "element5", "element6"]
console.log(arr); //["element1", "element2", "element3", "element4"]
(6)sort(sortby) ⽅法⽤于对数组的元素进⾏排序。
sortby:可选。规定排序顺序。必须是函数。
返回值:对数组的引⽤。请注意,数组在原数组上进⾏排序,不⽣成新数组。
⽐较规则:是按照字符编码进⾏排序,所以可能只有排出来的不是你想要的结果,得传参数解决
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]
再看⼀个不如我们所愿的例⼦
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)shift() ⽅法⽤于把数组的第⼀个元素从其中删除,并返回第⼀个元素的值。如果数组是空的,那么 shift() ⽅法将不进⾏任何操作,返回 undefined 值。
let getReturn = arr.shift();
console.log(getReturn); //element1
console.log(arr); //["element2","element3","element4"]
(8)unshift() ⽅法可向数组的开头添加⼀个或更多元素,并返回新的长度。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)toString() ⽅法可把数组转换为字符串,并返回结果。
arr.unshift(newelement1,newelement2,....,newelementX)
let getReturn = String();
console.log(getReturn,typeof getReturn); //element1,element2,element3,element4 string
console.log(arr,typeof arr); //["element1", "element2", "element3", "element4"] "object"
注:⽤于字符串操作时,JavaScript 会调⽤这⼀⽅法将数组⾃动转换成字符串。例如:
let string = arr+"123";
console.log(string); //element1,element2,element3,element4123
(10)reverse() ⽅法⽤于颠倒数组中元素的顺序。
数组转换成字符串该⽅法会改变原来的数组,⽽不会创建新的数组。
let getReturn = verse();
console.log(getReturn); //["element4", "element3", "element2", "element1"]
console.log(arr); //["element4", "element3", "element2", "element1"]
3.还有
此外,还有valueOf(),toLocaleString(),toSource()⽅法。但是从来没⽤过,也没想到什么使⽤场景,就不单独讲了。原⽂地址:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论