周记JS篇（一）filter、encodeURIComponent、模板字符串

这周在开发中使用到了遇到了filter()，之前有见过，但是没仔细了解过，这次进行了学习，记住了。
1、filter()：创建一个新的数组，新数组中的元素通过检查指定数组中符合条件的所有元素，而且次函数不会改变原数组
例子：

//JS原生写法
var age = [32, 22, 10, 40];
function checkAdult(age) {
  return age>=18
}
function myFunction() {
  document.getElementById("demo").innerHTML = age.filter(checkAdult);
}
//[32, 22, 40]

//ES6写法
const data = ['spray', 'ccg', 'TAOTAO']
const result = data.filter(word => word.length>4)
console.log(result)  //['spray', 'TAOTAO'] 

2.encodeURIComponent(str): 是对统一资源标识符（URI）的组成部分进行编码的方法。它使用一到四个转义序列来表示字符串中的每个字符的UTF-8编码（只有由两个Unicode代理区字符组成的字符才用四个转义字符编码）。
（1）参数str: String.URI的组成部分
（2）encodeURIComponent 转义除了字母、数字、(、)、.、!、~、*、’、-和_之外的所有字符。
例子:

 resultList[index].img = `http://10.196.51.57:8012/${encodeURIComponent(resultList[index].img)}`

注意：上面的反冒号是ES6里面拼接字符串的新方法（模板字符串）

3、模板字符串
（1）JS原生写法

$('#result').append(
  'There are <b>' + basket.count + '</b>' + 
  'items in your basket,' + 
  '<em>' + basket.onSale + '</em> are on sale!');

（2）ES6写法

$('#result').append(
  `There are <b>${basket.count}</b>
  items in your basket,
  <em>${basket.onSale}</em>`)