java与js的键值对 js 键值对_js数组添加键值对


文中必有不正确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} //这种写法是简约的写法


java与js的键值对 js 键值对_js 键值对_02


let obj = new  Object({'name':'abc','age':18}) //这是正规的写法


正规和简约写法中,肯定80%的人会写第一种。

键值:可以写上引号也可以不写,看个人习惯问题。不写上引号的话,就只能按照标识符的规则来写。

3.1 在写Object的时候常犯的错!一定要慎重,远离痛苦。快乐生活!

第一种冒号写成等号!!


java与js的键值对 js 键值对_java与js的键值对_03

第一种冒号写成等号!

第二种在后面加上分号!!


java与js的键值对 js 键值对_js删除数组中的对象_04

第二种在后面加上分号!

第三种,键值之间不打逗号!!


java与js的键值对 js 键值对_js 随机数_05

第三种,键值之间不打逗号!!

最后 献上一张准确无误的!!


java与js的键值对 js 键值对_js数组添加键值对_06

最后 献上一张准确无误的!!

3.2 通过Object.keys(变量名)来获取相应的key(键)值


java与js的键值对 js 键值对_js数组添加键值对_07

通过Objcet,keys(变量名)来获取相应的key(键)值

通过Object.values(变量名)来获取相应的key的具体值


java与js的键值对 js 键值对_js数组添加键值对_08


3-1那如何让里面的键值可以是变量呢?很easy呐!加个中括号[ ]就可以了。


java与js的键值对 js 键值对_js 随机数_09


3.2 Object 对象 end

3.3 删除一个对象


java与js的键值对 js 键值对_js删除数组中的对象_10


那我如何验证我删除成功了?很简单!使用 in 方法 当出现的结果是false的时候证明成功了。true证明没成功。


java与js的键值对 js 键值对_java与js的键值对_11


3.3 删除一个对象 end

3.4 查看一个对象

变量名+属性名


java与js的键值对 js 键值对_js 随机数_12


3.4 查看一个对象 end

3.41 最坑的一点

obj.name 和obj['name']是完全相等的!

obj.name和obj[name]完全不是一回事

obj[name]没引号的这个,里面的name是变量!

obj['name']有引号的这个,里面的name是字符串,也就是键/属性名/只能是字符串!。

千万别弄错了,要不然你会很受伤的!


java与js的键值对 js 键值对_js 随机数_13


3.41 最坑的一点end

3.5 修改和增加对象

其实,增加和修改,很相同。修改就是在原来的基础上修改,增加就是在原来的基础上增加。

修改是修改有的,增加吗,就是没有加上去就好了!

那先说一下修改。


java与js的键值对 js 键值对_js 键值对_14


增加一个属性。


java与js的键值对 js 键值对_js删除数组中的对象_15


重头戏:添加多个对象!! 就是使用Object.assign 方法!


java与js的键值对 js 键值对_js数组添加键值对_16


java与js的键值对 js 键值对_js 键值对_17


3.5 修改和增加对象 end

JS 中的内置对象 end

JS 中的构造函数

1 什么是构造函数?!

  • 构造函数就是可以构造出对象的函数!

2 2张图弄懂如何构造函数:

  • 得注意一点,就是变量名不需要大写,而创建一个新的对象要大写,简单点来说
  • 就是new后面的玩意要大写,let 或者 var 后面的不需要大写(虽然可能理解错误)
  • 如果能看懂这2张图,可能构造函数就很有可能懂了,嗯是的。

补充一下:颜色相同的地方,就是一样的意思。

这是普通写法


java与js的键值对 js 键值对_js删除数组中的对象_18


class的写法


java与js的键值对 js 键值对_js删除数组中的对象_19