ES5新增數組方法測試和字符串常見API測試

時間 2019-11-09

標籤 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);html

// 用於返回某個數組或者字符串中所給須要查詢的字符或數據的位置，括號內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>htm

下面是對字符串常見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爲下標ip

// console.log(str.substr(n,m));
// 返回從指定位置n，截取m 個字符，若是不指定結束位置，則從開始位置到結尾字符串

// console.log(str.substring(n,m));
// 返回從指定位置n，到結束位置(不含)m 的字符串，若是不指定結束位置，則從開始位置到結尾string

// console.log(str.slice(2,5));
// 同substring，須要注意和數組中方法slice()的類似it

// console.log(str.split("e"));
//經過指定字符分割字符串，返回一個數組 ["h", "ll", "o"]

console.log(str.replace("e","p")); // replace("須要替換的字符串","替換以後的字符串") //將字符串中的一些字符替換爲另一些字符。最好配合正則使用</script></html>