首先是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. 【Java中级】(三)IO

    1. 流分为字节流和字符流 2. 字节流下面常用的又有数据流和对象流 3. 字符流下面常用的又有缓存流 文件对象 文件和文件夹都用File表示 //file path : 文件的绝对路径或相对路径Fi ...

  2. Linux C 网络编程——多线程的聊天室实现(服务器端)

    服务器端的主要功能: 实现多用户群体聊天功能(此程序最多设定为10人,可进行更改),每个人所发送的消息其他用户均可以收到.用户可以随意的加入或退出(推出以字符串"bye"实现),服 ...

  3. Python生成器和构造器

    什么是生成器? 参考link:http://www.liaoxuefeng.com/wiki/0014316089557264a6b348958f449949df42a6d3a2e542c000/00 ...

  4. python基础——元组(tuple)

    Python的元组与列表类似,不同之处在于元组的元素不能修改. 元组使用小括号,列表使用方括号. 元组创建很简单,只需要在括号中添加元素,并使用逗号隔开即可. tuple1 = () tuple2 = ...

  5. 2019牛客暑期多校训练营(第四场)J-free

    >传送门< 题意:给你n个城市,m条道路,经过每一条要花费这条路的代价,现给你k个机会,使得最多k条路的代价为0,问从起点s到终点t花费的最少代价 思路:分层图最短路经典裸题 方法一 Co ...

  6. JavaOOP 第二章继承

    一 继承的概念 继承是java面向对象编程技术的一块基石,因为它允许创建分等级层次的类. 继承就是子类继承父类的特征和行为,使得子类对象(实例)具有父类的实例域和方法,或子类从父类继承方法,使得子类具 ...

  7. CoreCLR Host源码分析(C++)

    废话不多说,直接上源码: 1.在托管程序集里面执行方法 HRESULT CorHost2::ExecuteAssembly(DWORD dwAppDomainId,//通过CreateAppDomai ...

  8. 用机智云做PWM占空比控制电机,物联网智能家居应用

      因为是新申请的博客,所以申请了总想往里面加点东西,所以把我之前在机智云写的帖子复制了过来 (各位抱歉,由于之前上传的文件可能有错误,之前上传的文件PWM不能用,那么我又重新上传了一个文件,这个文件 ...

  9. 基于 HTML5 WebGL 的加油站 3D 可视化监控

    前言 随着数字化,工业互联网,物联网的发展,我国加油站正向有人值守,无人操作,远程控制的方向发展,传统的人工巡查方式逐渐转变为以自动化控制为主的在线监控方式,即采用数据采集与监控系统 SCADA.SC ...

  10. python_0基础学习_day01

    Python是一门动态解释型的强类型定义语言 一.变量 变量命名规则 由数字.字母.下划线组成 不能以数字开头 要具有描述性 要区分大小写 禁止使用python的关键字(在pycharm中关键字明明变 ...