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一些语法
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 用babel转换器转换成es5的语法,一些vue.js 、 react 或angularjs等一些框架会用到es6...
- http://www.cnblogs.com/pizitai/p/6830470.html
- 模块化:把大系统,较复杂的功能,进行切分。 RequireJs:一、安装、下载 官网: requirejs....
- js中的变量提升和函数提升 console.log(tmp); #undefined var tmp = 123...