ES6内置对象

最新推荐文章于 2024-08-12 22:54:41 发布

大大大大大猩猩

最新推荐文章于 2024-08-12 22:54:41 发布

阅读量45

点赞数

文章标签： es6 javascript 前端

本文链接：https://blog.csdn.net/wpxhjl/article/details/133743886

版权

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ES6内置对象</title>
</head>
<body>
<div></div>
<div></div>
<div></div>
<script>
// 字符串方法
// includes()和indexOf一样，查找字符串以及数组里的字符，存在返回true，没有返回false
let arr = [11,22,33];
console.log(arr.includes(11));
//startsWith()用作查找字符串此参数是否在头部是返回true，否则false
let str = "123456"
console.log(str.startsWith(1));
//endsWith在字符串尾部查找是否有该参数
console.log(str.endsWith(6));
//repeat()设置当前字符串重复的次数，数字几重复几次
console.log(str.repeat(2));
// 模板字符串
var cat = {
name:prompt("请输入姓名"),
age:5,
sex:"he",
};
console.log(`我的名字是${cat.name}我今年${cat.age}岁了，我的性别是${cat.sex}`);
//三点运算符
//1.扩展运算符
let arr1 = [1,2,3,4,5];
console.log(...arr1);
//拷贝
let arr2 = [...arr1]
console.log(arr2);
// 2.一般被当作函数的参数被使用
function fun1(a,...b){
console.log(a);
console.log(...b);
}
fun1(1,2,3,4,5,6)
//3.数组合并
let one = ["李文飞","李狗飞"];
let two = ["李飞飞","李大飞"];
console.log(...one,...two);
//将伪数组转换为数组
let div = document.querySelectorAll("div");//伪数组
console.log(div);
let divarr = [...div];
console.log(divarr);
//set是es6新增的数据结构，相当于一些值的集合，一般以构造函数的形式去写
//主要作用和特点就是不允许有重复项存在(数组去重)
let sets = new Set([11,22,33,88,55,66,44,11]);
console.log(sets);
//size用来检查当前存在数量,也可以是检查长度
console.log(sets.size);
//add()添加成员的,默认添加最后一位
console.log(sets.add(5));
//delete删除成员,成功true失败false
console.log(sets.delete(5));
//has()用来检测当前成员是否存在，是true否false
console.log(sets.has(2));
//clear()清空所有成员x
sets.clear();
console.log(sets);
//map 类似于键值对的集合 key的类型可以是任意类型
let maps = new Map();
//set()往里面添加key和value
maps.set("哈哈","李文飞");
maps.set(123,"??");
maps.set(999,"感冒灵");
console.log(maps);
//get()通过key去拿到对应的value
console.log(maps.get("哈哈"));
//forEach()遍历，拿到所有value
maps.forEach(a=>{
console.log(a);
})
</script>
</body>
</html>

大大大大大猩猩

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ES6内置对象

console.log(`我的名字是${cat.name}我今年${cat.age}岁了，我的性别是${cat.sex}`);// includes()和indexOf一样，查找字符串以及数组里的字符，存在返回true，没有返回false。//startsWith()用作查找字符串此参数是否在头部是返回true，否则false。//has()用来检测当前成员是否存在，是true否false。//repeat()设置当前字符串重复的次数，数字几重复几次。//add()添加成员的,默认添加最后一位。
复制链接

扫一扫