1、Array.indexof(value1,value2)

Tip:用于返回某个数组或字符串中规定字符或者字符串的位置。

(1)当Array.indexof(value1);里面只有一个值的时候,表示value1在arr数组里面的我们想要得到查找的值。

        var arr = [,,,,,,"hello",];
var i = arr.indexOf();//表示13在数组中的索引
var a = arr[i];//在下面我们console.log我们可以看到这个值是否对应数组中一开始我们所想要的索引数
console.log(i)//
console.log(a)//13

(2)当Array.indexof(value1,value2);第一个值(value1)表示我们想要在数组中查找的值,第二个值(value2)表示我们

我们想要从第几个位置去查找这个值;

     var arr = [,,,,,,"hello",];
     var i = arr.indexOf(,);//我们是从第三个数开始在这个数组中从左到右中去找这个数。
     var a = arr[i];//13
     console.log(i)//4 从第三个值开始查到到的这个value1的第一个值,前三个数不会识别,直接跳过,进行查找。
     console.log(a)//

(3)当Array.indexof()的括号里面不管时一个值还是两个值,若这个值不在我们的这个数组里面返回值都是-1.

      var arr = [11,12,13,14,13,16,"hello",17];
var a = arr.indexOf(20);//数组中没有这个值
var i = arr.indexOf(21,2);//数组zhong
console.log(i)//-1
console.log(a)//-1

(4)用Array.indexof()方法中-1特性写一个去重案例

var arr = [1,1,2,"hello","yes","yes",2];
function Arrayeighting(arr){
var newArr = [];//定义一个新数组,一会将用于indexof -1特性判断,判断有没有某个值
for(var i = 0;i<arr.length;i++){//遍历老数组
if(newArr.indexOf(arr[i])==-1){//判断新创建的数组中有没有老数组中的这个数
newArr.push(arr[i]);//当indexof返回值为-1就没有这个数,我们就添加这个数
}
}
return newArr;//返回给函数,一个封装函数,随时都可以去调用。
}
console.log(Arrayeighting(arr))// [1, 2, "hello", "yes"]

  

2、Array.forEach()

Tip:循环或遍历数组

          var arr = [11,12,13,14,13,16,"hello",17];
arr.forEach(function (value,index,self){
console.log(value,index,self)
})
            
            //value表示数组里面的数值
            //index表示改数值在数组中的位置(索引)
            //self表示的是当前数组。(arr)

  

3、Array.map()

Tip:类似于forEach,会遍历所有的数组,返回当前方法返回值。map不会改变原有数组,而是将函数执行一次之后的返回值组成一个新的数组,返回出来。

demo:将原来的数组扩大1.5倍

          var arr = [11,12,13,14,13,16,17];
var a = arr.map(function (val){
return val*=1.5;//不会改变原有数组,并会返回一个新的数组。
})
console.log(a)
          
            //value表示数组里面的数值
            //index表示改数值在数组中的位置(索引)
            //self表示的是当前数组。(arr)

  

4、Array.filter ()

都同上一样,筛选数组中的所有项,当条件为tuer的时候才回返回该数据,当条件为false时返回的是一个空数组。

		var arr = [11,12,13,14,13,16,17];
var a = arr.filter(function (value){
return value>14;判断的条件
})
console.log(a)//[16.17]

  

5、arr.every()

tip:会遍历整个数组,对数组中的每一项运行都给定一个函数,如果函数的每一项都会返回true,则返回true。当有一个函数的返回值为false,则全都返回false。

var arr = [1,2,3,4,5,6,7,8,9];
var a = arr.every(function(value,index,arr){//evevy可以传三个值
console.log("value"+":"+value)//当返回值为false,则会打印数组中第一个数value:1
return value>2;//判断的条件,这个数是否大于2?
})
console.log(a)//false
            //value表示数组里面的数值
            //index表示改数值在数组中的位置(索引)
            //self表示的是当前数组。(arr)

  

		var arr = [1,2,3,4,5,6,7,8,9];

		var a = arr.every(function(value,index,arr){
console.log("value"+":"+value)//当返回值为true,则会打印数组中所有的数如

ES5新增数组的一些方法的更多相关文章

  1. 4日6日--ES5新增数组方法

    forEach使用的函数调用,所以占内存比较大,不如定长for循环和迭代for循环 1.通过forEach将数组中的元素逐个表示出来(遍历方法,读取操作). 2.通过map将原数组中的元素进行算数运算 ...

  2. js数组定义和方法 (包含ES5新增数组方法)

    数组Array 1. 数组定义 一系列数据的集合成为数组.数组的元素可以为任何类型的数据(包括数组,函数等),每个元素之间用逗号隔开,数组格式:[1,2,3]. 2. 数组创建方式 (1) 字面量方法 ...

  3. ES5新增数组方法测试和字符串常见API测试

    首先是ES5新增数组方法测试: <!DOCTYPE html><html lang="en"><head> <meta charset=& ...

  4. ES5新增数组的方法

    ES5新增数组的方法 ES5新增数组常见方法(indexOf/forEach/map/filter/some/every) .indexOf( data , start)  检测数组中是否存在指定数据 ...

  5. ES5新增数组方法every()、some()、filter()、map()

    JavaScript ES5标准中新增了一些Array方法,如every().some().filter().map().它们的出现使我们能够更加便利地操作数组,但对IE9以下浏览器的兼容性比较差.下 ...

  6. ES5新增数组方法(4):every

    检查数组元素的每个元素是否符合条件. // 数组中的元素全部满足指定条件返回true let arr = [1, 3, 5, 7, 9]; console.log(arr.every((value, ...

  7. ES5新增数组方法(3):some

    检查数组元素中是否有元素符合指定. // 数组中的元素部分满足指定条件返回true let arr = [1, 3, 5, 7, 9]; console.log(arr.some((value, in ...

  8. ES5新增数组方法(2):map

    通过指定函数处理数组的每个元素,并返回处理后的数组. 1.计算数组中每个元素的平方 let arr = [1, 2, 3, 4, 5, 6]; let newArr = arr.map(item =& ...

  9. ES5新增数组方法(1):filter

    检测数组元素,并返回符合条件所有元素的数组. 1.过滤数组中不符合条件的元素 let arr = [1, 2, 3, 4, 5, 6]; // 方式一 let newArr = arr.filter( ...

随机推荐

  1. vue教程(三)-slot\keep-alive的使用

    一.slot其实就是填坑操作,父组件传递dom结构,是vue提供的一种内置组件(组件知识请查看上篇博客内容) 写法:<slot></slot> 例子: var child = ...

  2. 必懂的webpack高级配置

    webpack高级配置 1.HTML中img标签的图片资源处理 使用时.只需要在html中正常引用图片即可.webpack就会找到对应的资源进行打包.并修改html中的引用路径 主要是将html中的i ...

  3. Jenkins-slave分布式环境构建与并行WebUi自动化测试项目

    前言 之前搭建过selenium grid的分布式环境,今天我们再来搭建一次Jenkins的分布式环境:jenkins-slave Jenkins的Master-Slave分布式架构主要是为了解决Je ...

  4. 一文带你了解Java反射机制

    想要获取更多文章可以访问我的博客 - 代码无止境. 上周上班的时候解决一个需求,需要将一批数据导出到Excel.本来公司的中间件组已经封装好了使用POI生成Excel的工具方法,但是无奈产品的需求里面 ...

  5. 第二章 jsp数据交互(一)

    JSP如何处理客户端的请求? 解析:通过jsp内置对象 表单数据被提交到了jsp页面! 什么是JSP内置对象(jsp核心)? Java 内置对象 Java  作用域 解析:jsp内置对象是web容器创 ...

  6. 转发后找不到css

    当在jsp中引入css时,如果其相对路径相对于当前jsp文件的,而在一个和这个jsp的路径不一样的servlet中forward这个jsp时,就会发现这个css样式根本没有起作用. 这是因为在serv ...

  7. JAVA对象实例化方式总结

    JAVA对象实例化的方法 New对象实例 // 直接new对象实例 Productor productor = new Productor(); 反射机制 Java反射机制是在运行状态中,对于任意一个 ...

  8. oracle一条语句插入多个值的方法

    今天在实践过程中遇到一个问题, 我想往数据库插入多条数据时,使用了如下语句: insert into 表1 (字段1,字段2) values (1,2),(2,3),(3,4); 这条语句在mysql ...

  9. SpringBoot开发案例之打造十万博文Web篇

    前言 通过 Python 爬取十万博文之后,最重要的是要让互联网用户访问到,那么如何做呢? 选型 从后台框架.前端模板.数据库连接池.缓存.代理服务.限流等组件多个维度选型. 后台框架 SpringB ...

  10. 后端小白的VUE入门笔记, 前端高能慎入

    因为项目需要前后端分离,后端竟然不用控制view层了,页面的跳转后端不再干涉,(前端的vue经过打包后成了一张index.html) 后端只需要响应给前端json串就ok,其实这不是爽歪歪?但是觉得还 ...