美文网首页
ES6一些语法

ES6一些语法

作者: 考槃在涧 | 来源:发表于2017-12-13 17:41 被阅读18次
var s = "𠮷哈哈";
console.log(s.length);
console.log(s.charAt(0));
console.log(s.charCodeAt(0));
console.log(s.codePointAt(0));
/**
 * 𠮷 这个字需要4个字节存储。对于这种4字节的字符JS不能正确处理,所以长度会误判为2
 * charAt()方法无法读取整个字符,charCodeAt()只能分别返回前两个字节和后两个字节
 * 所以用 codePointAt()方法,能够正确处理4个字节储存的字符  返回一个字符的码点
 */

var str = String.fromCodePoint(s.charCodeAt(0));
console.log(s);

for (let codePoint of s){
    console.log(codePoint);
}
/**
 * - includes()  返回bool 表示是否找到了参数字符串
 * - startsWith()  返回bool 表示参数字符串是否在原字符串的头部
 * - endsWith()   返回bool 表示参数字符串是否在原字符串尾部
 * 这三个方法都可以有第二个参数  整形参数, 表示开始搜索的位置
 */

let newStr = 'hello world!';
newStr.startsWith('hello'); // true
newStr.endsWith('!');    //true
newStr.includes('lo');   //true


newStr.startsWith('world', 6) // true
newStr.endsWith('hello', 5) // true
newStr.includes('hello', 6) // false
/**
 * repeat方法返回一个字符串 表示将原字符串重复n次
 * 如果传入一个浮点数,则会自动取整
 */
console.log('zc'.repeat(5));
/**
 * padStart()   padEnd()
 * 用来补全字符串,如果字符串不够指定长度,在头部或尾部补全
 * padStart()用来在头部补全
 * padEnd()用来在尾部补全
 */
console.log('zc'.padStart(5,'x')); // 在zc前面用x补全使长度为5
console.log('zc'.padEnd(7,'haha')); // 在zc后用haha补全使长度为7
console.log('zc'.padStart(8));    //省略第二个参数,默认用空格补全
let num = 7;
console.log(`There are <b>${num}</b> items in your basket,<em>what</em> are on sale!`);

function log(x,y = 'World'){
    console.log(x,y);
}
log('hello');


let number = 99;
function foo(p = number + 1){
    console.log(p);
}
foo();
foo();
foo();
foo();

let set = new Set();
set.add(1).add(2).add(2);
set.has(1);    // true
set.has(2);    // true
set.has(3);    //false

set.delete(2);
set.has(2);     // false

set.forEach((value) => console.log(value));
/**
 * forEach方法的参数就是一个处理函数。该函数的参数与数组的forEach一致,依次为键值、键名、集合本身(上例省略了该参数)。这里需要注意,Set 结构的键名就是键值(两者是同一个值),因此第一个参数与第二个参数的值永远都是一样的。

另外,forEach方法还可以有第二个参数,表示绑定处理函数内部的this对象。
 */
function logSet(set){
    for (let item of set){
        console.log(`----->${item}`);
    }
}
/**
 *     ... 扩展运算符,把数组 set变为一个序列
 */

 let firstSet = new Set([1,2,3]);
 let secondeSet = new Set([4,3,2]);
//求并集
let union = new Set([...firstSet,...secondeSet]);
// logSet(union);
// 数组 map方法 映射成新的值
let newFirstSet = [...firstSet].map((value) => value * 2);
// logSet(newFirstSet);
//交集    从第一个set里找第二个set也有的内容
let intersect = new Set([...firstSet].filter((value) => secondeSet.has(value)));
// logSet(intersect);
//差集   
let diff = new Set([...firstSet].filter((value)=>!secondeSet.has(value)));
logSet(diff);

/**
 *  WeakSet 跟Set不同的是  WeakSet只能存储对象
 * JS的对象  本质上是键值对的集合
 */

 let newMap = new Map([
     ['a',1],['b',2]
    ]);
 console.log(newMap.get('a'));
 /**
  * Map转为JSON  Map的键名都是字符串,可以选择把map转为对象再转为JSON
  否则就把map转为数组再转为JSON
  */
//  把map转为Object
  function strMapToObj(strMap) {
    let obj = Object.create(null);
    for (let [k,v] of strMap) {
      obj[k] = v;
    }
    return obj;
  }

  function strMapToJSON(strMap) {
      return JSON.stringify(strMapToObj(strMap));
  }

  function mapToArrayJSON(map) {
      JSON.stringify([...map]);
  }

相关文章

网友评论

      本文标题:ES6一些语法

      本文链接:https://www.haomeiwen.com/subject/opjzixtx.html