关闭

js 数组常用方法总结

标签: javascript
68人阅读 评论(0) 收藏 举报
分类:

. 数组转字符串 join();

var colors= ["red","green","yellow"];
colors.join(",");   //red,green,yellow
colors.join("||")   //red||green||yellow

. 数组添加和取出值有栈方法:push(),pop() 和对列方法 shift(),unshift()

var colors = ["red","blue"];
colors.push("green");
console.log(colors)//["red", "blue", "green"]

var colors = ["red","blue"];
colors.unshift("green");
console.log(colors)  //["green", "red", "blue"]

var colors = ["red","blue"];
colors.pop()//"blue"

var colors = ["red","blue"];
colors.shift()
"red"

. 数组排序方法 reverse()//翻转 sort();
sort()默认按升序排列数组中,但是sort()会调用每一个数组项的 toString()方法然后确定如何排序,因此你未必会得到你想要的结果

var arr = [12,23,15,8,67,9];
arr.sort();  //[12, 15, 23, 67, 8, 9]

sort()方法可以接受一个方法作为参数,如果返回一个负数则第一个参数排在第二个参数前,如果返回一个整数则第一个参数排在第二个参数后。这样我们就能自己确定排序方式

var arr = [12,23,15,8,67,9];
arr.sort(function(a,b){return a-b});//[8, 9, 12, 15, 23, 67]

. 数组操作方法–concat():基于当前数组中的所有项返回一个新的数组,参数可以是一个或多个值,或一个或多个数组,或值与数组组合

var colors = ["red","blue"];
var newArr = colors.concat("yellow",["orange","green"]);
//["red", "blue", "yellow", "orange", "green"]

slice();截取当前数组返回新的数组,有两个参数,起始值和结束位置但不包括结束位置的项,若只有一个参数则返回从该位置到末尾的所有项。
若果起始位置大于结束位置则返回空数组

var colors = ["red", "blue", "yellow", "grey"];
colors.slice(1,4);//["blue", "yellow", "grey"]

splice(),很强大的一个数组方法,可以删除、插入和替换数组中的元素
删除:指定两个参数,要删除元素的起始位置和要删除的个数;
插入:第一个参数为起始位置,第二个为0(要删除的个数),之后一个或多个参数为要插入的元素;
替换:第二个参数为:1,其他参数同插入;
splice返回一个数组,包含的是被删除的项;

var test = [1,2,3,5,4];
test.splice(1,2);//返回值[2, 3]
console.log(test);//[1, 5, 4]

var test = [1,2,3,5,4];
test.splice(2,0,44,23);
console.log(test);// [1, 2, 44, 23, 3, 5, 4]

var test = [1,2,3,5,4];
test.splice(2,1,44,23);
console.log(test);//[1, 2, 44, 23, 5, 4]
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:272次
    • 积分:44
    • 等级:
    • 排名:千里之外
    • 原创:4篇
    • 转载:2篇
    • 译文:0篇
    • 评论:0条
    文章分类