首先是ES5新增数组方法测试：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>

</body>
<script>
// var arr = [1,2,6,3,4,5,6,7];
// var i = arr.indexOf(6,3);
// console.log (i);

// 用于返回某个数组或者字符串中所给需要查询的字符或数据的位置，括号内6表示需要查询的数据，3表示索引的起始位置的下标，若查询到数组中含有该数据则返回该数据全局位置的下标，若数组中不存在该数据，返回结果为-1。

// var arr = [1,2,6,3,4,5,6,7];
// arr.forEach(function(value,index,arr){
// console.log (value,index,arr);
// })
//forEach循环，遍历数组，函数中的三个参数分别代表，该项的值，该项下标，数组本身 ；没有返回值，为undefined

// map会遍历当前数组，然后调用参数中的方法，返回当前方法的返回值;
// map不会改变原有数组，而是将函数执行一次之后的返回值组成一个新数组，返回出来
// var arr = [1,2,6,3,4,5,6,7];
// var newArr = arr.map(function(value,index,arr){
// return value-1;
// // 返回一个新的数组，原数组中所有value值都减去1；
// })
// console.log(newArr);

// var arr = [1,2,6,3,4,5,6,7];
// arr.filter(function(value,index,arr){
// console.log (value,index,arr);
// })
// .filter(callback); 同map方法，但返回值为布尔值true 的时候，才会返回该数据
// var arr = [1,2,6,3,4,5,6,7];
// var newArr = arr.filter(function(value,index,arr){
// return value >3;
// // 会对返回值进行一个判断，为true输出，为false过滤掉，这就是filter独特的地方
// })
// console.log(newArr);
// // 最后输出一个经过筛选的新数组newArr；
</script>
</html>

下面是对字符串常见API测试：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>

</body>
<script>
var str = "helleo";
// var v = str.indexOf("e",3);
// console.log(v);
// 用于返回某个数组或者字符串中规定字符或者字符串的位置；

// console.log(str.charAt(4));
// 返回指定位置的字符,index为下标

// console.log(str.substr(n,m));
// 返回从指定位置n，截取m 个字符，如果不指定结束位置，则从开始位置到结尾

// console.log(str.substring(n,m));
// 返回从指定位置n，到结束位置(不含)m 的字符串，如果不指定结束位置，则从开始位置到结尾

// console.log(str.slice(2,5));
// 同substring，需要注意和数组中方法slice()的相似

// console.log(str.split("e"));
//通过指定字符分割字符串，返回一个数组 ["h", "ll", "o"]

console.log(str.replace("e","p"));
// replace("需要替换的字符串","替换之后的字符串") //将字符串中的一些字符替换为另外一些字符。最好配合正则使用
</script>
</html>

ES5新增数组方法测试和字符串常见API测试的更多相关文章

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

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

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

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

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

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

  4. ES5新增数组方法（1）：filter

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

  5. ES5新增数组方法（4）：every

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

  6. ES5新增数组方法（3）：some

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

  7. ES5新增数组方法（2）：map

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

  8. ES5新增数组方法

    forEach/map   every/some  indexOf/lastIndexOf  filter reduce Array.isArray

  9. ES5新增数组的方法

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

随机推荐

  1. [Abp vNext 源码分析] - 6. DDD 的应用层支持 (应用服务)

    一.简要介绍 ABP vNext 针对于应用服务层,为我们单独设计了一个模块进行实现,即 Volo.Abp.Ddd.Application 模块. PS:最近博主也是在恶补 DDD 相关的知识,这里推 ...

  2. 我对微服务、SpringCloud、k8s、Istio的一些杂想

    一.微服务与SOA “微服务”是一个名词,没有这个名词之前也有“微服务”,一个朗朗上口的名词能让大家产生一个认知共识,这对推动一个事务的发展挺重要的,不然你叫微服务他叫小服务的大家很难集中到一个点上. ...

  3. Java常用命令及参数

    Java的基本指令参数 javac [-d 目录|-verbose] file java [-classpath(cp) dir] file jar -zcvf dir file javap [-pr ...

  4. HTTP_5_通信数据转发程序：代理、网关、隧道

    HTTP通信时,除客户端和服务器之外,还有一些用于通信数据转发的应用程序,例如代理,网关,隧道.配合服务器工作. 代理 转发功能,客户端与服务器之间可有多个代理, 缓存代理:减少服务器压力,透明代理: ...

  5. bean的创建（五）第五部分 属性填充

    AbstractAutowireCapableBeanFactory.populateBean protected void populateBean(String beanName, RootBea ...

  6. Shell基本语法---常见的条件判断

    语法 [ 判断表达式 ] 文件夹或路径是否存在 -e 目标是否存在(exist) -d 是否为路径(directory) -f 是否为文件(file) [ -e text.sh ] || touch ...

  7. 简单聊聊红黑树（Red Black Tree）

    ​ 前言 众所周知,红黑树是非常经典,也很非常重要的数据结构,自从1972年被发明以来,因为其稳定高效的特性,40多年的时间里,红黑树一直应用在许多系统组件和基础类库中,默默无闻的为我们提供服务,身边 ...

  8. Android活动(Activity)创建及生命周期

       Activity是Android的门面,可以与用户进行互动的重要模块,凡是在应用中可以看到的东西,都是放在活动中的.   在学习新的技术时,我喜欢将需要学习的技术与自己懂得技术进行类似比较,而活 ...

  9. 01-Spring Security框架学习

    目录 01-Spring Security框架学习 简介 Spring Security 是什么 Spring Security 解决那些问题 Spring Security 的优点 历史背景 Spr ...

  10. 深扒JVM，对它进行“开膛破肚”式解析！

    1. 打怪升级,你绕不开JVM JVM,对Java程序员进阶而言,是一个绝对绕不开,也不能绕开的话题. 在你打怪升级.进阶蜕变的路上,势必会遇到项目上线中各种OOM.GC等问题,此时JVM的功底就至关 ...