在js中对数组的操作有很多种方法,那这些方法具体都有什么?今天,我们来看看。
(1):join()
join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的,默认使用‘,’号分割,不改变原数组。
var arr = [1,2,3,4]; console.log(arr.join()); console.log(arr.join('-')); console.log(arr.join('*'));
控制台输出结果:
(2):concat()
concat()方法用于连接两个或多个数组。该方法不会改变现有的数组,仅会返回被连接数组的一个副本。
var arr1 = [1,2,3,4]; var arr2 = [5,6,7,8]; var arr3 = arr1.concat(arr2); console.log(arr1); console.log(arr2); console.log(arr3);
(3):push()
push()方法可向数组的末尾添加一个或多个元素,并返回新的长度。末尾添加,返回的是长度,会改变原数组。
var arr4 = [11,22,33]; var arr5 = arr4.push(44); console.log(arr4); console.log(arr5);
(4):pop()
pop()方法用于删除并返回数组的最后一个元素。返回最后一个元素,会改变原数组。
var arr6 = [99,88,77]; console.log(arr6.pop()); console.log(arr6);
(5):shift()
shift()方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。返回第一个元素,改变原数组。
var arr6 = [99,88,77]; console.log(arr6.shift()); console.log(arr6);
(6):unshift()
unshift()方法可向数组的开头添加一个或更多元素,并返回新的长度。返回新长度,改变原数组。
var arr7 = [4,5,6,7,8]; console.log(arr7.unshift(1,2,3)); console.log(arr7);
(7):slice()
slice()返回一个新的数组,包含从start到end(不包括该元素)的arrayObject中的元素。返回选定的元素,该方法不会修改原数组。
var arr7 = [4,5,6,7,8]; console.log(arr7.slice(2,3)); console.log(arr7);
(8):splice()
splice()方法可以删除从index处开始的零个或多个元素,并且用参数列表中声明一个或多个值来替换那些被删除的元素。如果从arrayObject中删除了元素,则返回的是含有被删除的元素的数组。splice()方法会直接对数组进行修改。
var arr7 = [4,5,6,7,8]; console.log(arr7.splice(1,0,9)); console.log(arr7);
(9):substring()和substr()
相同点:如果参数只有一个,两者作用一样:都是截取字符串从当前下标以后直到字符串最后的字符串片段。
不同点:第二个参数:
substr(startindex,length):第二个参数是截取字符串的长度;
sbstring(startindex,endindex):第二个参数是截取字符串最终的下标(含头不含尾);
var arr8 = '123456789'; console.log(arr8.substr(4)); console.log(arr8.substring(4)); console.log(arr8.substr(2,6)); console.log(arr8.substring(2,6));
(10)sort():排序,默认升序;
(11):reverse()
用于颠倒数组中的元素的顺序。返回的是颠倒后的数组,会改变原数组。
var arr7 = [4,5,6,7,8]; console.log(arr7.reverse()); console.log(arr7);
(12):indexOf和lastIndexOf
都接收两个参数:查找的值、查找起始值不存在,返回-1;存在,返回位置。indexOf从前往后找,lastIndexOf从后往前找。
(13):every()
对数组的每一项都运行给定的函数,每一项都返回true,则返回true。
function isBig(element,index,array) { return element < 10; } [1,2,3,4,5].every(isBig);
(14):some()
对数组的每一项都运行给定的函数,任一项都返回true,则返回true。
(15):filter()
对数组的每一项都运行给定的函数,返回结果为true的项组成的数组。
对于数组的方法Es6还有一些,以后会慢慢了解。