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>

posted @ 2019-08-21 13:42  ஹ伍陆柒ஹ  阅读(640)  评论(1编辑  收藏  举报