ES5新增数组的一些方法
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新增数组的一些方法的更多相关文章
- 4日6日--ES5新增数组方法
forEach使用的函数调用,所以占内存比较大,不如定长for循环和迭代for循环 1.通过forEach将数组中的元素逐个表示出来(遍历方法,读取操作). 2.通过map将原数组中的元素进行算数运算 ...
- js数组定义和方法 (包含ES5新增数组方法)
数组Array 1. 数组定义 一系列数据的集合成为数组.数组的元素可以为任何类型的数据(包括数组,函数等),每个元素之间用逗号隔开,数组格式:[1,2,3]. 2. 数组创建方式 (1) 字面量方法 ...
- ES5新增数组方法测试和字符串常见API测试
首先是ES5新增数组方法测试: <!DOCTYPE html><html lang="en"><head> <meta charset=& ...
- ES5新增数组的方法
ES5新增数组的方法 ES5新增数组常见方法(indexOf/forEach/map/filter/some/every) .indexOf( data , start) 检测数组中是否存在指定数据 ...
- ES5新增数组方法every()、some()、filter()、map()
JavaScript ES5标准中新增了一些Array方法,如every().some().filter().map().它们的出现使我们能够更加便利地操作数组,但对IE9以下浏览器的兼容性比较差.下 ...
- ES5新增数组方法(4):every
检查数组元素的每个元素是否符合条件. // 数组中的元素全部满足指定条件返回true let arr = [1, 3, 5, 7, 9]; console.log(arr.every((value, ...
- ES5新增数组方法(3):some
检查数组元素中是否有元素符合指定. // 数组中的元素部分满足指定条件返回true let arr = [1, 3, 5, 7, 9]; console.log(arr.some((value, in ...
- ES5新增数组方法(2):map
通过指定函数处理数组的每个元素,并返回处理后的数组. 1.计算数组中每个元素的平方 let arr = [1, 2, 3, 4, 5, 6]; let newArr = arr.map(item =& ...
- ES5新增数组方法(1):filter
检测数组元素,并返回符合条件所有元素的数组. 1.过滤数组中不符合条件的元素 let arr = [1, 2, 3, 4, 5, 6]; // 方式一 let newArr = arr.filter( ...
随机推荐
- [04] HEVD 内核漏洞之IntegerOverflow
作者:huity出处:https://www.cnblogs.com/huity35/p/11252574.html版权:本文版权归作者所有.文章在博客园.看雪.个人博客同时发布.转载:欢迎转载,但未 ...
- CSDN 免积分下载
你可能不相信这个标题,那么打开下面的链接试试吧 ↓↓↓ Github项目 最新功能 ↓↓↓ 0积分资源搜索 0积分资源搜索(备用地址) CSDN资源导出 CSDN资源下载体验群 (每日可免费下载一次) ...
- thinkphp phpexcel导出返回乱码
今天做了一个excel文件导出的功能 可是无论怎么改网上怎么搜答案什么缓冲啊charset=UTF-8'a都不起效 <?phpnamespace app\admin\controller;us ...
- 彻底理解kubernetes CNI
kubernetes各版本离线安装包 CNI接口很简单,特别一些新手一定要克服恐惧心里,和我一探究竟,本文结合原理与实践,认真读下来一定会对原理理解非常透彻. 环境介绍 我们安装kubernetes时 ...
- Vmware Exsi使用简要说明
界面介绍 Exsi的管理工具可以用vSphere Client来管理虚拟机.管理虚拟的网络交换机.管理物理机的内存.物理机的硬盘.物理机的CPU等资源.界面的大致介绍如下图. 资源分配 创建内存.CP ...
- 二叉查找树(查找、插入、删除)——C语言
二叉查找树 二叉查找树(BST:Binary Search Tree)是一种特殊的二叉树,它改善了二叉树节点查找的效率.二叉查找树有以下性质: (1)若左子树不空,则左子树上所有节点的值均小于它的根节 ...
- 【游记】NOIP2018复赛
声明 我的游记是一个完整的体系,如果没有阅读过往届文章,阅读可能会受到障碍. ~~~上一篇游记的传送门~~~ 前言 参加完NOIP2018的初赛过后,我有点自信心爆棚,并比之前更重视了一点(也仅仅是一 ...
- Struts1.x 跨站脚本(XSS)漏洞的解决
一. 演示XSS 当访问一个不存在的网址时,例如[url]http://localhost:8080/demo/noAction.do[/url],那么Struts处理后都会跳到提示“Invali ...
- 原生JavaScript(js)手把手教你写轮播图插件(banner)
---恢复内容开始--- 1.轮播图插件 1.什么是插件: 为已有的程序增加功能 2.插件的特点(为什么要做成一个插件)与注意事项: 1.通用性,可移植性强 2.兼容性:不会对其他代码产生影响 3.创 ...
- JavaWeb前端分页显示方法
在前端中我们总会遇到显示数据的问题 - 正常情况分页显示是必须的,这个时候我们不能仅仅在前端进行分页,在前端其实做起分页是很困难的,着就要求我们在后台拿数据的时候就要把分页数据准备好,在前端我们只需要 ...