ES6 基本最常用的方法

1.字符串转数组

let string = '123,456,789';
let stringResult = string.split(',');
console.log(stringResult) //输出["123", "456", "789"]

2.数组转换为字符串

let array = ['abc', 'def', 'hig']
array.toString()
//输出 'abc', 'def', 'hig'

3.扩展运算符 三个冒号 ...

let z = { a: 3, b: 4 };
let n = { ...z };
n // { a: 3, b: 4 }

4.模板字符串使用 `` 反引号表示，需要使用变量时，通过 ${} 插入变量。

 let name = '彭于晏'
 console.log( '名字为：'+name )
 console.log( `名字为：${name} ` )

5.Object.assign方法用于对象的合并

const target = { a: 1 };

const source1 = { b: 2 };
const source2 = { c: 3 };

Object.assign(target, source1, source2);
target // {a:1, b:2, c:3}

6.ES6-对象的扩展-Object.keys()

ES5 引入了 Object.keys 方法，返回一个数组，成员是参数对象自身的（不含继承的）所有可遍历（enumerable）属性的键名

var obj = { foo: 'bar', baz: 42 };
Object.keys(obj)
// ["foo", "baz"]

7.es6-对象的扩展-Object.values()

Object.values 方法返回一个数组，成员是参数对象自身的（不含继承的）所有可遍历（enumerable）属性的键值

const obj = { foo: 'bar', baz: 42 };
Object.values(obj)
// ["bar", 42]

8.es6-对象的扩展-Object.entries

Object.entries 返回一个数组，成员是参数对象自身的（不含继承的）所有可遍历（enumerable）属性的键值对数组

const obj = { foo: 'bar', baz: 42 };
Object.entries(obj)
// [ ["foo", "bar"], ["baz", 42] ]

9.模块 module

import 导入

javascript的type类型为module

import Cat,{name,func} from './be.js';
func();
alert(name);
var c1 = new Cat("kitty")
console.log(c1.name)

export 导出

var name = "maomao";
function func(){
	console.log("大家好"+name);
}
class Cat{
	constructor(name){
		this.name = name;
	}
}

export{name,func};
//导出
export default Cat;
//默认导出

10.JSON.stringify() 方法用于将 JavaScript 值转换为 JSON 字符串。

var data = [
    {name: "王尼玛", sex:1, age: 30},
    {name: "王尼美", sex:0, age: 20},
    {name: "王大锤", sex:2, age: 30}
];

console.log(JSON.stringify(str_json));
//"[{\"name\":\"王尼玛\",\"sex\":\"男\",\"age\":30},{\"name\":\"王尼美\",\"sex\":\"女\",\"age\":20},{\"name\":\"王大锤\",\"sex\":\"未知\",\"age\":30}]"

11.JSON.parse() 方法用于将一个 JSON 字符串转换为对象。

注:JSON.parse()与JSON.stringify()有时候需要互相转换, 比如:在url传对象的时候,就需要通过JSON.stringify将其转换才能进行传参,在接收的界面,又需要通过JSON.parse()转换成对象进行取值

 

12.includes() 方法用于判断字符串是否包含指定的子字符串。

如果找到匹配的字符串则返回 true，否则返回 false。

附:这个是es6的新语法,es5的语法的indexOf,个人觉得includes方便