小编给大家分享一下JavaScript中Array对象常用的方法有哪些,希望大家阅读完这篇文章后大所收获,下面让我们一起去探讨吧!
成都创新互联公司是一家集成都网站建设、成都网站设计、网站页面设计、网站优化SEO优化为一体的专业的建站公司,已为成都等多地近百家企业提供网站建设服务。追求良好的浏览体验,以探求精品塑造与理念升华,设计最适合用户的网站页面。 合作只是第一步,服务才是根本,我们始终坚持讲诚信,负责任的原则,为您进行细心、贴心、认真的服务,与众多客户在蓬勃发展的市场环境中,互促共生。
在js中,数组作为一个特殊的对象。是我们常用的数据格式。
几种基础的就简单介绍一下:
创建数组
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(值) //往数组添加元素
var arr = ["element1","element2","element3","element4"]; //下面所有案列都是用的这个数组 //获取指定元素的下标 var index = arr. indexOf(”element2“); // 1
参数 | 描述 |
---|---|
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"]
let getReturn = arr.pop(); console.log(getReturn); //element4 console.log(arr); //["element1","element2","element3"]
参数 | 描述 |
---|---|
start | 必需。整数。添加/删除项目的位置,使用负数可从数组结尾处规定位置。 |
end | 必需。要删除的项目数量。如果设置为 0,则不会删除项目。 |
注意:请注意,该方法并不会修改数组,而是返回一个子数组。如果想删除数组中的一段元素,应该使用方法 Array.splice()。
let getReturn = arr.slice(1,3); console.log(getReturn); //["element2", "element3"] console.log(arr); //["element1", "element2", "element3", "element4"]
separator:可选。指定要使用的分隔符。如果省略该参数,则使用逗号作为分隔符。
let getReturn = arr.join(); console.log(getReturn); //element1,element2,element3,element4 console.log(arr); //["element1", "element2", "element3", "element4"]
arrayX:必需。该参数可以是具体的值,也可以是数组对象。可以是任意多个。
//传数组 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"]
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]
如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值。
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"
注:用于字符串操作时,JavaScript 会调用这一方法将数组自动转换成字符串。例如:
let string = arr+"123"; console.log(string); //element1,element2,element3,element4123
该方法会改变原来的数组,而不会创建新的数组。
let getReturn = arr.reverse(); console.log(getReturn); //["element4", "element3", "element2", "element1"] console.log(arr); //["element4", "element3", "element2", "element1"]
此外,还有valueOf(),toLocaleString(),toSource()方法。但是从来没用过,也没想到什么使用场景,就不单独讲了。
看完了这篇文章,相信你对JavaScript中Array对象常用的方法有哪些有了一定的了解,想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!