数据类型
string
模板字符串
·
允许换行
var item = "标题";
var container = document.querySelector(".container");
container.innerHTML = `
- ${item}
`;
支持嵌入变量
新增方法(6个)
includes():返回布尔值,判断是否找到参数字符串。
startsWith():返回布尔值,判断参数字符串是否在原字符串的头部。
endsWith():返回布尔值,判断参数字符串是否在原字符串的尾部。
字符串重复
repeat():返回新的字符串,表示将字符串重复指定次数返回。
字符串补全
padStart:返回新的字符串,表示用参数字符串从头部(左侧)补全原字符串。
padEnd:返回新的字符串,表示用参数字符串从尾部(右侧)补全原字符串。
console.log("h".padStart(5,"o")); // "ooooh"
console.log("h".padEnd(5,"o")); // "hoooo"
console.log("h".padStart(5)); // " h"
array
数组创建
Array.of()
Array.from()
查找符合的元素
find()
var arr = [45,67,23,4];
var v = arr.find(function (item) {
return item<10;
});
console.log(v);
查找符合元素的下标
findIndex()
var index = arr.findIndex(function (item) {
return item<10;
});
console.log(index);
填充 fill()
let arr1 = Array.of(1, 2, 3, 4);
console.log(arr1.fill(0,1,2)); // [1, 0, 3, 4]
// 参数1:用来填充的值
// 参数2:被填充的起始索引
// 参数3(可选):被填充的结束索引,默认为数组末尾
嵌套数组(多维)转一维数组
flat
var arr5 = [[[[1,4,5]],[55,77]],[3,9]]
//Infinity 无穷数
var arr6 = arr5.flat(Infinity);
console.log(arr6);
合并数组
// 合并数组
var arr4 = [45,6,89];
console.log([1,...arr4]);
set
类似数组
set里面的数组 都是唯一的
初始化
new Set()
存取值
存值
add();
数组去重
var arr7 = [77,55,77,99,55];
var set2 = new Set(arr7);
console.log(set2);
map
类似Object
一个 Object 的键只能是字符串或者 Symbols,但一个 Map 的键可以是任意值。
Map 中的键值是有序的(FIFO 原则),而添加到对象中的键则不是。
Map 的键值对个数可以从 size 属性获取,而 Object 的键值对个数只能手动计算。
Object 都有自己的原型,原型链上的键名有可能和你自己在对象上的设置的键名产生冲突。
初始化
new Map()
存取值
存
set(key,value)
取
get(key)
长度
size
遍历
for in
for (let key in map){
console.log(map.get(key));
}
for of
for ( let [key,value] of map){
console.log(key,value);
}