码迷,mamicode.com
首页 > 编程语言 > 详细

数组那些事(slice,splice,forEach,map,filter等等)

时间:2016-08-19 19:09:08      阅读:182      评论:0      收藏:0      [点我收藏+]

标签:

    周五,再过会要下班了,刚才把《javascript高级程序设计》数组这块又看了下,加深下记忆。今天来继续练练笔,嘿嘿!(写下自己印象不深的东西)

    一.数组的定义(数组定义分为两种)

方法一:
1
var color=new Array(num);//num为数字,(当然可写,可不写) 表示数组长度
  var color=new Array("red","yellow");//直接定义数组内容
方法二:

2.var color=[];//当然也可以定义的时候直接写入数组内容["red","yellow"]
var color=["yellow","red"]

   

     二.检测数组

    

方法一:
color
instanceof Array //返回true或者false (这个方法本身没有问题,但是当网页中包含多个框架时可能就会出现差错);
方法二:
es5新加的方法isArray,通过Array.isArray(color),同样返回真假值,当然很多都想到了这个有兼容新的问题存在 最后能可以考虑使用Object.prototype.toString.call(color)
==="[object Array]"(toString.call(color))来判断是否为数组

    三 方法

    1. push就是数组尾部插入,unshift头部插入(这两个一个头部,一个尾部)

    2. pop数据尾部删除,shift数组头部删除

    上述4个方法操作都会改变原数组内容,长度(上边就不细说,自己敲代码练练吧)

   

     3.详细说下slice和splice这两个我自己总是记不清楚或者说老忘记

  

slice可以接受一个或两个参数(start,end)开始位置和结束位置。这个方法用于从数组中截取参数,当然不改变原数组。例如:
var num=[1,2,3,4,5]; num.slice(2,4);//[3,4]; console.log(num);//[1,2,3,4,5] splice这个方法有三种使用方式(改变数组)
1.删除 两个参数 start,length 即开始位置和删除的长度 2.插入 三个参数 start,length(删除),content(要插入的内容) 3.替换(也可以叫做删除后插入)同样是三个参数
例子如下:
var num=[1,2,3,4]; var del=num.splice(0,2);// [1,2] console.log(num);//[3,4]; var insert=num.splice(1,0,"5","6");//返回空 第二参数是0 console.log(num);//[3,5,6,4] var change=num.splice(1,1,"7","8");//[5] console.log(num);//[3,7,8,6,4]


注意:slice影响原数组,splice不影响原数组

 接下来说下es5中加入的map,forEach,filter,every,some等

这几个迭代方法包含两个参数:第一个要对数组对象操作的方法函数,第二个(可选参数)为作用域对象

方法函数可以传递三个参数:1.数组中每个对象,2在数组中的位置,3,数组对象本身(可选)。

every()返回一个真假值 主要对数组中每个对象进行判断,每个判断为true时最后 every会返回true

some()  和every差不多,不同这个是只要有一个符合条件就会返回true

map() 返回一个数组,返回每个操作函数所需要的值 组成数组

forEach()没有返回值 主要通过参数函数对数组中对象进行操作

filter()过滤器 返回true的数组(符合条件时候)


var num=[1,2,3,4,5];

num.every(function(item,index){return item>1});// false

num.some(
function(item,index){return item>1});//true

num.map(function(item,index){return item*2});// [2, 4, 6, 8, 10]

num.forEach(function(item,index){console.log(item*2)});

num.filter(function(item,index){return item>2});// [3, 4, 5]
 
 

 就写到这了,下班,哈哈,不对的欢迎报错哦!!!

    

数组那些事(slice,splice,forEach,map,filter等等)

标签:

原文地址:http://www.cnblogs.com/hsp-blog/p/5788367.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!