当前位置: 首页 > Web前端 > CSS

JS基础入门(十)——数组方法

时间:2023-03-30 13:25:39 CSS

1.Join函数:通过指定字符将数组拼接成一个字符串。语法:stringarr.join([separator=',']);参数:分隔符是可选的,如果省略,则默认为逗号。如果seprator是一个空字符串,那么数组中的所有元素将被直接连接起来。返回值:连接后的字符串。<脚本>vararr=[2,3,4,5];console.log(arr.join());//"2,3,4,5"console.log(arr.join(""));//"2345"console.log(arr.join("+"));//"2+3+4+5"console.log(arr);//[2,3,4,5]2.push功能:在末尾添加一个或多个元素的阵列。语法:numberarr.push(element1,...,elementN);参数:elementN,一个或多个元素。返回值:新数组的长度。注意:原始数组将被修改。<脚本>varatt=[1,2,3,4];console.log(att.push("a","b"));//6console.log(att);//[1,2,3,4,"a","b"];3.unshift函数:向数组头部添加一个或多个元素。语法:numberarr.push(element1,...,elementN);参数:elementN,一个或多个元素。返回值:新数组的长度。注意:原始数组将被修改。<脚本>varatt=[1,2,3,4];console.log(att.unshift("a","b"));//6console.log(att);//["a","b",1,2,3,4];4.pop函数:删除数组的最后一个元素。语法:混合arr.pop();返回值:被删除的元素。注意:原始数组将被修改。<脚本>vararr=[1,2,3,4];console.log(arr.pop());//4console.log(arr);//[1,2,3]5.shift函数:删除数组的第一个元素。语法:混合arr.pop();返回值:被删除的元素。注意:原始数组将被修改。<脚本>vararr=[1,2,3,4];console.log(arr.shift());//1console.log(arr);//[2,3,4]6.Concat函数:将传入的数组或非数组值与原始数组组成一个新数组并返回。语法:arrayarray.concat(value1,value2,...,valueN);参数:valueN表示需要与原数组合并的数组或非数组值。返回值:合并后的数组注意:不会修改原数组的内容。<脚本>varatt=[1,2,3];varattO=["a","b"];varattT=[5,true];console.log(att.concat(10,attO,attT));//[1,2,3,10,"a","b",5,tru]console.log(att);//[1,2,3]7.reverse功能:反转数组中元素的位置。语法:arrayarr.reverse()返回值:反转后的数组注意:原来的数组会被改变。<脚本>vararr=[1,2,3,6,5,4];varres=arr.reverse();res.push("a");console.log(res);//[4,5,6,3,2,1,"a"]console.log(arr);//[4,5,6,3,2,1,"a"]8.slice函数:截取一部分**array,返回这个新数组。语法:arrayarr.slice([begin[,end]]);返回值:截取后的新数组注意:包含起始位置,不包含结束位置,不会改变原数组。如果没有传入任何内容,它将是原始数组。9.拼接功能:用新元素替换旧元素修改数组内容语法:arrayarray.splice(start,deleteCount[,item1[,item2[,...]]])参数:-start起始位置-deleteCount删除长度-item添加内容返回值:由删除的元素组成的数组注意:原始数组的内容被修改。10.sort函数:对元素进行排序大批。语法:数组arr.sort([compareFunction]);参数:compareFunction是可选的。用于指定一个函数按一定的顺序排列。如果省略,则元素按转换后字符串字符的Unicode位置排序。返回值:sortedarray.