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方便