ES5新增数组方法测试和字符串常见API测试
首先是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测试的更多相关文章
- js数组定义和方法 (包含ES5新增数组方法)
数组Array 1. 数组定义 一系列数据的集合成为数组.数组的元素可以为任何类型的数据(包括数组,函数等),每个元素之间用逗号隔开,数组格式:[1,2,3]. 2. 数组创建方式 (1) 字面量方法 ...
- 4日6日--ES5新增数组方法
forEach使用的函数调用,所以占内存比较大,不如定长for循环和迭代for循环 1.通过forEach将数组中的元素逐个表示出来(遍历方法,读取操作). 2.通过map将原数组中的元素进行算数运算 ...
- ES5新增数组方法every()、some()、filter()、map()
JavaScript ES5标准中新增了一些Array方法,如every().some().filter().map().它们的出现使我们能够更加便利地操作数组,但对IE9以下浏览器的兼容性比较差.下 ...
- ES5新增数组方法(1):filter
检测数组元素,并返回符合条件所有元素的数组. 1.过滤数组中不符合条件的元素 let arr = [1, 2, 3, 4, 5, 6]; // 方式一 let newArr = arr.filter( ...
- 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新增数组方法
forEach/map every/some indexOf/lastIndexOf filter reduce Array.isArray
- ES5新增数组的方法
ES5新增数组的方法 ES5新增数组常见方法(indexOf/forEach/map/filter/some/every) .indexOf( data , start) 检测数组中是否存在指定数据 ...
随机推荐
- eclipse(java windows)
百度云:链接:http://pan.baidu.com/s/1i4Zjv97 密码:u0qh 官方下载网址:http://www.eclipse.org/downloads/eclipse-pa ...
- 如何在Windows上使用Python进行开发
本文由葡萄城技术团队于原创并首发 转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具.解决方案和服务,赋能开发者. 一直以来C#都是微软在编程语言方面最为显著的Tag,但时至今日Python ...
- Codeforces Round #565 (Div. 3)
传送门 A. Divide it! •题意 给定一个数n, 每次可以进行下列一种操作 1.如果n可以被2整除,用n/2代替n 2.如果n可以被3整除,用2n/3代替n 3.如果n可以被5整除,用4n/ ...
- JAVA 基于TCP协议的一对一,一对多文件传输实现
最近老师给我们上了多线程和TCP和UDP协议,其中一个要求就是我们用JAVA协议一个基于TCP和UDP这两种协议的一对一文件上传和一对多文件上传. 然后我就开始分析TCP和UDP这两个协议的特点,发现 ...
- Java 第四章
switch选择结构 语法:switch(表达式){ case 常量 1: //代码块1: break: case 常量 2: //代码块2: break: ...... default ...
- docker部署xxl-job 通用反射执行器
原因 最近在公司写一些job,公司使用的是spring boot提供的注解形式实现的. 这样在自测的时候很麻烦,而且测试提测的时候需要修改cron表达式->提交git->jenkins打包 ...
- UIRefreshControl 问题
这两天在学UIRefreshControl,主要参照的是github上的一个Demo(网址 https://github.com/evgeniymikholap/UIRefreshControlExa ...
- ansible-yum
#yum 需要在vim /etc/ansible/hosts里面给执行的主机配置 远程调用python的路径不知道为什么默认值认识python2.6.6 vim /etc/ansible/hosts ...
- AUTOSAR学习之RTE - 基本概念
1.什么是RTE? The Run-Time Environment (RTE) is at the heart of the AUTOSAR ECU architecture. The RTE is ...
- 使用富文本编辑器Kindeditor
今天在做需求的时候,遇到有一个字段,需要保存带有格式的内容,决定使用富文本框编辑器Kindeditor来实现,解决方法如下: 登录官网下载控件包: http://kindeditor.net/down ...