杰晶网络

基于JavaScript Array数组方法(新手必看篇)
网络编程 2024/5/19 佚名
3 2

Array类型是ECMAScript中最常用的引用类型。ECMAScript中的数据与其它大多数语言中的数组有着相当大的区别。虽然ECMAScript中的数据与其它语言中的数组一样都是数据的有序列表，但不同的是，ECMAScript数组中的每一项可以保存任何类型的数据，无论是数值、字符串或者是对象。同时，ECMAScript中的数组大小是可以动态调整的，即可以根据数据的添加自动增长以容纳新增的数据。下面总结一下JavaScript中数组常用的操作函数及用法。

"htmlcode"> 

var arr = new Array(); 
var arr = [];

对于构造函数，我们可以传递一个数值创建包含给定项数的数组，如下：

var arr = new Array(3);  //数组长度为3

也可以直接传递存放于数组中的值，如下：

var arr = new Array("red","green","blue");

不论哪种方式，推荐使用数组字面量的形式来创建数组。

"htmlcode"> 

var arr = [1,2,3]; 
console.log(arr instanceof Array);  //true

但如果网页中包含多个框架，也就包含多个全局执行环境，ES5新增了Array.isArray()方法来确定某个值是否为数组，而不管它是在哪个全局执行环境中被创建的，如下：

if(Array.isArray(arr)){ 
    //执行某些操作 
}

"htmlcode"> 

var arr = ["red","green","blue"]; 
console.log(arr.toString());  //red,green,blue 
console.log(arr.valueof());  //red,green,blue 
console.log(arr);       //red,green,blue

而调用数组的toLocaleString()方法，与toString()不同的是它会调用数组每一项的toLocaleString()方法，将每一项toLocaleString()方法的返回值以逗号分隔拼接成一个字符串。而使用join()方法，可以使用不同的分隔符来构建这个字符串，如下：

var arr = ["red","green","blue"]; 
console.log(arr.join(","));  //red,green,blue 
console.log(arr.join("||"));  //red||green||blue

"htmlcode"> 

var arr = [1,2,3]; 
arr.push(4,5); 
console.log(arr);  //[1,2,3,4,5]

与push()相对的是pop()方法，它从数组末尾移除最后一项，并返回移除的项，例如：

var arr = [1,2,3]; 
arr.pop();  //3 
arr.pop();  //2 
console.log(arr);  //[1]

另外两个使用的方法是shift()和unshift()，它们与pop()和push()类似，shift()方法用于从数组的起始位置移除项并返回移除项，例如：

var arr = [1,2,3]; 
arr.shift();  //1 
arr.shift();  //2 
console.log(arr);  //[3]

unshift()方法与shift()用途相反，它能够在数组前端添加任意个项并返回新数组的长度，例如：

var arr = [1,2,3]; 
arr.unshift(4);  //返回长度4 
arr.unshift(5);  //返回长度5 
console.log(arr);  //[1,2,3,4,5]

"htmlcode"> 

var arr = [1,2,3]; 
arr.reverse(); 
console.log(arr);  //[3,2,1]

sort()也可以对数组进行排序，不过它的默认排序方式并不是大小，而是根据对应字符串逐个编码排序的。sort()方法可以接收一个比较函数，进行自定义排序，例如:

function compare(value1,value2){ 
  return value1-value2; 
} 
var arr = [1,3,2,5,4]; 
arr.sort(compare); 
console.log(arr);  //[1,2,3,4,5]

"htmlcode"> 

var arr = [1,2,3]; 
var arr2 = arr.concat(4,[5,6]); 
console.log(arr);  //[1,2,3] 
console.log(arr2);  //[1,2,3,4,5,6]

"htmlcode"> 

var arr = [1,2,3,4,5]; 
var arr2 = arr.slice(1);  //[2,3,4,5] 
var arr3 = arr.slice(1,3);  //[2,3]

注意，slice()方法不会影响原来的数组。

"htmlcode"> 

var arr = [1,2,3,4,5]; 
arr.splice(2,0,11,22);  //从位置2插入两项，没有删除 
console.log(arr);  //[1,2,11,22,3,4,5] 
 
arr.splice(2,2,33,44);  //从位置2开始删除两项，插入两项，返回被删除的项 
console.log(arr);  //[1,2,33,44,4,5] 
 
arr.splice(1,1);  //从位置1开始删除1项，返回被删除的项 
console.log(arr);  //[1,33,44,4,5]

"htmlcode"> 

var arr = [1,2,3,4,5,4,3,2,1]; 
console.log(arr.indexOf(4));  //3 
console.log(arr.lastIndexOf(4));  //5 
 
console.log(arr.indexOf(4,4));  //5 
console.log(arr.lastIndexOf(4,4));  //3

"htmlcode"> 

var arr = [1,2,3,4,5,4,3,2,1]; 
var everyResult = arr.every(function(item,index,array){ 
  return (item>2); 
}); 
console.log(everyResult);  //false，并不是全部大于2 
 
var someResult= arr.some(function(item,index,array){ 
  return (item>2); 
}); 
console.log(someResult);  //true，某一项大于2即可

filter()方法根据给定的函数确定是否在返回的数组中包含某一项，例如：

var arr = [1,2,3,4,5,4,3,2,1]; 
var filterResult = arr.filter(function(item,index,array){ 
  return (item>2); 
}); 
console.log(filterResult);  //[3,4,5,4,3],返回所有数值都大于2的一个数组

map()方法对于数组中的每一项都会运行给定的函数，然后将每一项函数运行结果组成的数组返回，例如：

var arr = [1,2,3,4,5,4,3,2,1]; 
var mapResult = arr.map(function(item,index,array){ 
  return item*2; 
}); 
console.log(mapResult);  //[2,4,6,8,10,8,6,4,2]，原先数组每一项乘以2后返回

最后一个方法是forEach()，它只对数组中的每一项运行给定函数，没有返回值，例如：

var arr = [1,2,3,4,5,4,3,2,1]; 
arr.forEach(function(item,index,array){ 
  //执行某些操作 
});

"htmlcode"> 

var arr = [1,2,3,4,5]; 
var sum = arr.reduce(function(pre,cur,index,array){ 
  return pre+cur; 
}); 
console.log(sum);  //15

第一次执行回调函数，pre是1，cur是2。第二次，pre是3(1+2)，cur是3。这个过程会把数组的每一项都访问一遍，最后返回结果。reduceRight()方法与reduce()类似，只不过方向相反而已。

这篇笔记主要是根据JavaScript高级程序设计和网上资源总结出来的，如果有不完善的地方还请指出。

以上这篇基于JavaScript Array数组方法(新手必看篇)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

标签：
javascript,array方法
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
评论“基于JavaScript Array数组方法(新手必看篇)”
暂无“基于JavaScript Array数组方法(新手必看篇)”评论...
www.imxmx.com 杰晶网络
8,675无损音乐
1,324高清电影
213破解软件
120,141站长资源

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。

《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。

更新动态

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 更多链接