es6入门

const csvFileLine = '1997,John Doe,US,john@doe.com,New York';
const { 2: country, 4: state } = csvFileLine.split(',');
console.log({ 2: country, 4: state });//{2: "US", 4: "New York"}对象结构处理数组
const objjson = {
  foo: { bar: [11, 22, 33, 44], baz: { bing: true, boom: 'Hello' } }
};
//let jsonstr=JSON.stringify(objjson, null, 4);//把 JavaScript 对象转换为字符串.(要转换的 JavaScript值,用于转换结果的函数或数组,使用四个空格缩进)。
//JSON.parse();//用于将一个 JSON 字符串转换为对象。
//data.toJSON();//返回字符串的 Date 对象，并格式化为 JSON 数据。
var jsonstr = JSON.stringify(objjson,['foo'],4);
console.log(jsonstr);
var arr = [ "Bill Gates", "Steve Jobs", "Elon Musk" ];
var myJSON = JSON.stringify(arr);
console.log(myJSON);
//从数组中移除重复元素
const removeDuplicateItems = arr => [...new Set(arr)];
var rmduplicate=removeDuplicateItems([42, 'foo', 42, 'foo', true, true,false]);
console.log(rmduplicate);//[42, "foo", true, false]
//平铺多维数组
const arrpp = [11, [22, 33], [44, 55], 66];//二维数组，如果要想平铺多维数组需要递归
const flatArr=[].concat(...arrpp);
//function flattenArray(arr) {//递归平铺多维
//const flattened = [].concat(...arr);
//return flattened.some(item => Array.isArray(item)) ?
//  flattenArray(flattened) : flattened;
//}

//es6
//数组的解构赋值
let [w,p,s]=["w","p","s"];//多个变量赋值
//对象的解构 对象的属性没有次序，变量必须与属性同名
let { foo, bar } = { foo: 'aaa', bar: 'bbb' };// foo//"aaa"
//字符串的解构赋值
const [aa, ba, ca, da, ea] = 'hello';//h e l l o
//函数的解构赋值
[[1,2],[3,4]].map(([a,b])=>{let c=a+b;console.log(c)});//3 7
//不能使用圆括号：变量声明语句、函数参数、赋值语句模式（将整个模式放在放在圆括号中）；一种情况：赋值语句的非模式部分，可以使用圆括号
let u=1;let i=2;[u,i]=[i,u];//交换变量的值
function f({x, y, z}) { console.log(x,y,z)};f({z: 3, y: 2, x: 1});//1,2,3
//遍历map结构
const map = new Map();
map.set('first', 'hello');
map.set('second', 'world');
for (let [,value] of map) {
  console.log(value);//hello world
}

//字符串的扩展
let text = String.fromCodePoint(0x20BB7);//从码点返回对应字符
for (let i of text) {//for循环无法识别大于0xFFFF的码点
  console.log(i);//土口
}
//模板字符串：反引号`,可用于普通字符串、定义多行字符串、字符串中嵌入变量
//模板字符串中可以进行运算、引用对象属性、调用函数、再嵌套模板字符串
// 字符串中嵌入变量
let name = "Bob", time = "today";
console.log(`Hello ${name}, how are you ${time}?`);//模板字符串嵌入变量，将变量名写在${}中
$('#list').html(`
<ul>
  <li>first</li>
  <li>second</li>
</ul>
`.trim());//trim消除换行
//模板编译实例
function compile(template){
  const evalExpr = /<%=(.+?)%>/g;
  const expr = /<%([\s\S]+?)%>/g;

  template = template
    .replace(evalExpr, '`); \n  echo( $1 ); \n  echo(`')
    .replace(expr, '`); \n $1 \n  echo(`');

  template = 'echo(`' + template + '`);';

  let script =
  `(function parse(data){
    let output = "";

    function echo(html){
      output += html;
    }

    ${ template }

    return output;
  })`;

  return script;
}
let template = `
<ul>
  <% for(let i=0; i < data.supplies.length; i++) { %>
    <li><%= data.supplies[i] %></li>
  <% } %>
</ul>
`;
let parse = eval(compile(template));
document.getElementById("list").innerHTML = parse({ supplies: [ "broom", "mop", "cleaner" ] });
//标签模板
//alert`等同于`;alert("等同于");
let qa = 5;
let qb = 10;
tag`Hello ${ qa + qb } world ${ qa * qb }`;// 等同于tag(['Hello ', ' world ', ''], 15, 50);
function tag(stringArr, ...values){//第一个参数是一个数组，没有别变量替换的部分
 console.log(stringArr,...values);// ["Hello ", " world ", "", raw: Array(3)] 15 50
}