文中必有不正确or不恰当的地方,目前的水平仅如此,可以喷这篇文章,但请别喷作者谢谢。文中如有错误的地方,愿意的话请告知作者 感激不尽!
JS 中的内置对象
1 Array 对象
2 Math 对象 三个对象 ceil 、 floor、andom
3 Object 对象 挥之不去的增删改查。永远的宿命! 3-1 那如何让里面的键值可以是变量呢?
3.1 Objcet 常见错误 8.311 通过Object.keys(变量名)来获取相应的key(键)值 通过Object.values(变量名)来获取相应的具体值
3.2 通过Object.keys(变量名)来获取相应的key(键)值
3.3 如何删除一个对象。
3.4 查看一个对象 3.41最坑的点要来了!
3.5 修改和增加对象
4 构造函数
JS 中的构造函数
1 什么是构造函数?!
JS 中的内置对象
1、Array对象 就是用来储存一系列的值。但是 是当前变量 说白了就是数组。
例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
// 这种格式和 var num = []; 一样
var num1 = new Array(11, 12, 13);
// 这种格式是可以写无数个值
var num = new Array();
// 数组下标从0开始
num[0] = 1;
num[1] = 2;
num[2] = 3;
num[3] = 4;
document.write(num1 + '<br/>');
document.write(num);
</script>
</head>
<body>
</body>
</html>
使用for in循环取出,Array中的值
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
var num = new Array();
// 数组下标从0开始
num[0] = 1;
num[1] = 2;
num[2] = 3;
num[3] = 4;
// for in 循环 其中 var 后面的这个变量 相当于 for 循环中的 var i = 0;
//for(var i = 0 ; i > num.length ; i++){ }
for (var i in num) {
document.write(num[i] + '<br/>');
}
</script>
</head>
<body>
</body>
</html>
1 Array对象 就是用来储存一系列的值 end
2 Math 对象
Math 简单来说就是来执行数学中四舍五入的操作。 Math 有三个属性: 第一个:Math.ceil() [ 天花板 ] 所以向上取整。 例如 -24.5 那结果是就是 -24 因为 -24 比 -24.5 大 正数无所谓 第二个:Math.floor() [ 地板 ] 所以向下取整。 例如 -24.5 那结果是就是 -25 因为 -25 比 -24.5 小 25.5 结果是 25 因为 25比25.5小 Math.random() [本身就是随机数] 获取0.0~1.0之间的随机数
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<script>
var num = 24.5;
var num1 = -24.5
// ceil 向上取整
console.log(Math.ceil(num));
console.log(Math.ceil(num1));
// floor 向下取整
console.log(Math.floor(num));
console.log(Math.floor(num1));
</script>
</head>
<body>
</body>
</html>
<------------------------------------------------------------------------------------------->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
// 小案例 按下按钮随机获取颜色
var color = new Array('红', '橙', '蓝', '绿', '青', '靛', '紫');
// 创建一个随机数,变量名为 num
// 在这里注意,我们为什么乘以7?因为你的数组中只有7个数据!所以只能乘7
/*
那么这个时候就要注意了!我们就要使用向下取整了,
因为如果使用向上取整 假如出现7.5及以上的数字时!
那么向上取整会得到8 而我们数组中没有第8个数据!
*/
var num = Math.floor(Math.random() * 7)
alert(num);
// color[num] 是什么意思呢?就是 color数组里面的第几个下标的意思!
alert('颜色是:' + color[num]);
</script>
</head>
<body>
</body>
</html>
2 Math 对象 end
3 Object 对象
let obj = {'name':'abc','age':18} //这种写法是简约的写法
let obj = new Object({'name':'abc','age':18}) //这是正规的写法
正规和简约写法中,肯定80%的人会写第一种。
键值:可以写上引号也可以不写,看个人习惯问题。不写上引号的话,就只能按照标识符的规则来写。
3.1 在写Object的时候常犯的错!一定要慎重,远离痛苦。快乐生活!
第一种冒号写成等号!!
第一种冒号写成等号!
第二种在后面加上分号!!
第二种在后面加上分号!
第三种,键值之间不打逗号!!
第三种,键值之间不打逗号!!
最后 献上一张准确无误的!!
最后 献上一张准确无误的!!
3.2 通过Object.keys(变量名)来获取相应的key(键)值
通过Objcet,keys(变量名)来获取相应的key(键)值
通过Object.values(变量名)来获取相应的key的具体值
3-1那如何让里面的键值可以是变量呢?很easy呐!加个中括号[ ]就可以了。
3.2 Object 对象 end
3.3 删除一个对象
那我如何验证我删除成功了?很简单!使用 in 方法 当出现的结果是false的时候证明成功了。true证明没成功。
3.3 删除一个对象 end
3.4 查看一个对象
变量名+属性名
3.4 查看一个对象 end
3.41 最坑的一点
obj.name 和obj['name']是完全相等的!
obj.name和obj[name]完全不是一回事
obj[name]没引号的这个,里面的name是变量!
obj['name']有引号的这个,里面的name是字符串,也就是键/属性名/只能是字符串!。
千万别弄错了,要不然你会很受伤的!
3.41 最坑的一点end
3.5 修改和增加对象
其实,增加和修改,很相同。修改就是在原来的基础上修改,增加就是在原来的基础上增加。
修改是修改有的,增加吗,就是没有加上去就好了!
那先说一下修改。
增加一个属性。
重头戏:添加多个对象!! 就是使用Object.assign 方法!
3.5 修改和增加对象 end
JS 中的内置对象 end
JS 中的构造函数
1 什么是构造函数?!
- 构造函数就是可以构造出对象的函数!
2 2张图弄懂如何构造函数:
- 得注意一点,就是变量名不需要大写,而创建一个新的对象要大写,简单点来说
- 就是new后面的玩意要大写,let 或者 var 后面的不需要大写(虽然可能理解错误)
- 如果能看懂这2张图,可能构造函数就很有可能懂了,嗯是的。
补充一下:颜色相同的地方,就是一样的意思。
这是普通写法
class的写法