本篇文章给大家带来的内容是关于javascript中array对象常用的方法介绍(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
在js中,数组作为一个特殊的对象。是我们常用的数据格式。今天就来梳理一下常用的数组方法.
1.基础几种基础的就简单介绍一下:
创建数组
var arr1 = new array(); //括号可以传参,指定数组长度。目前arr1.length是0var arr2 = new array(3);//arr2.length是3var 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); //element4console.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,element4console.log(arr); //[element1, element2, element3, element4]
(5)concat(array1,array2,......,arrayx) 方法用于连接两个或多个数组。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]
(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 = 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
(10)reverse() 方法用于颠倒数组中元素的顺序。该方法会改变原来的数组,而不会创建新的数组。
let getreturn = arr.reverse(); console.log(getreturn); //[element4, element3, element2, element1] console.log(arr); //[element4, element3, element2, element1]
3.还有此外,还有valueof(),tolocalestring(),tosource()方法。但是从来没用过,也没想到什么使用场景,就不单独讲了。
以上就是javascript中array对象常用的方法介绍(代码示例)的详细内容。