嗯,感觉也是很多重点
学,少话
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<style>
*{
margin: 0;
padding: 0;
}
.a1{
width: 100px;
height: 100px;
background-color: pink;
}
</style>
<body>
<div class="a1">1</div>
<div class="a1">2</div>
<div class="a1">3</div>
<div class="a1">4</div>
<script>
//把浏览器对象转成一个数组对象!!!(利用扩展运算符)
var a1=document.getElementsByTagName('div');//获取浏览器对象集合(前提是集合)
console.log(a1); //这里毕竟是一个伪数组
// a1.push('asds'); //伪数组使用这种方法会报错的!X_X
var a1lis=[...a1]; //开转!转换成了一个数组(真·数组)
console.log(a1lis); //打印一下这个数组
a1lis.push('asd'); //真数组就可以正常使用
//接下来把一个对象转换成数组
var per1={
'0':'aaa',
'1':'123',
'3':111,
'length':6 //核心,确认了这个数组的长度!!!
}
var lis1=Array.from(per1);
//转换为数组咯,可惜目前有很多限制,属性名字大于length会出现undefined
console.log(lis1);
//接下来是Array.from()函数中的第二个参数
var lis2=Array.from(per1,(items)=>{return items*2}); //非数字字符串*数字=NaN
//这js真宣呼啊,byd数字字符串都能转型成数字的
//这里的return很是重要,由于只有一句,所以不写大括号可以不写return
console.log(lis2);
</script>
</body>
</html>