JavaScript 基础 对象

1.对象

            var car = {
                //属性来描述描述特征
                color: "red",
                //方法来定义动作
                run:function(){
                    console.log('汽车跑起来');
                }
            }
            //获取属性
            console.log(car.color);
            console.log(car['color']);
            //执行方法
            car.run()
            car['run']()

2.修改数据

            car.color = 'green';
            car['color']='pink';
            console.log(car.color);

3.修改方法

            car.run =function(){
                console.log('新方法');
            }
            car.run()
            //[]语法
            car['run'] = function(){
                console.log('通过[]修改方法');
            }
            car.run()

4.增加属性

            car.price =100000
            console.log(car);

5.删除属性

            delete car.price;

6.对象的循环 for in

            for(var key in car){
                // key 代表属性名称
                // car 代表属性值
                console.log(key,car[key]);
            }

7.数组的循环 for循环 (索引值是数字)

            var colors = ['red','orange','black','pink']
            for(var i = 0;i<colors.length;i++){
                console.log(colors[i],i,typeof i);
            }

8.数组的循环遍历 for in (索引值是字符串)

           var colors = ['red','orange','black','pink']
            for(var key in colors){
                console.log(colors[key],key,typeof key);
            }

注意:
1.引用类型的数据:不能用typeof去判断 ,数组 类数组 对象 函数 都是对象 null 是空对象
2.数据类型:数字 字符串 布尔值 null undefined 对象
3.typeof 只能检测值类型数据
4.undefined 声明了没有赋值
5.null: 声明了 赋值了 是一个空的

已标记关键词 清除标记
相关推荐
<p style="font-size:16px;"> <span style="color:#7030A0;"><strong>本课程为 <span style="color:#FFFF00;background-color:#FF0000;">2020年</span> 新版</strong></span><span style="color:#7030A0;"><strong>录制,非常适合初学者的JavaScript视频课程,全面讲解<span style="color:#FFFF00;background-color:#FF0000;">JavaScript技术</span>,一站式学习,让你少走弯路,直达技术前沿!</strong></span> </p> <p style="font-size:16px;"> <br /> </p> <p style="font-size:16px;"> <span style="color:#FFFF00;background-color:#FF0000;font-size:20px;"><strong><span>以通俗易懂的方式全面讲解JavaScript技术,以知识讲解+实战案例的方式帮您快速入</span></strong><strong><span>门!</span></strong></span> </p> <p style="font-size:16px;"> <span style="color:#FF0000;font-size:18px;"><br /> </span> </p> <p style="font-size:16px;"> <strong><span style="font-size:18px;">课程内容包括:</span></strong> </p> <p style="font-size:16px;"> <span style="font-size:18px;">1.JavaScript简介</span> </p> <p style="font-size:16px;"> <span style="font-size:18px;">2.<span style="color:#313D54;">JavaScript基本用法</span></span> </p> <p style="font-size:16px;"> <span style="font-size:18px;">3.变量和数据类型</span> </p> <p style="font-size:16px;"> <span style="font-size:18px;">4.运算符</span> </p> <p style="font-size:16px;"> <span style="font-size:18px;">5.数据类型转换</span> </p> <p style="font-size:16px;"> <span style="font-size:18px;">6.选择结构、循环结构</span> </p> <p style="font-size:16px;"> <span style="font-size:18px;">7.数组、函数</span> </p> <p style="font-size:16px;"> <span style="font-size:18px;">8.Debug调试</span> </p> <p style="font-size:16px;"> <span style="font-size:18px;">9.DOM操作</span> </p> <p style="font-size:16px;"> <span style="font-size:18px;">10.事件处理</span> </p> <p style="font-size:16px;"> <span style="font-size:18px;">11.BOM操作</span> </p> <p style="font-size:16px;"> <span style="font-size:18px;">12.自定义对象</span> </p> <p style="font-size:16px;"> <span style="font-size:18px;">13.原型prototype</span> </p> <p style="font-size:16px;"> <span style="font-size:18px;">14.内置对象</span> </p> <p style="font-size:16px;"> <span style="font-size:18px;">15.客户端存储Cookie、WebStorage</span> </p> <p style="font-size:16px;"> <br /> </p> <p style="font-size:16px;"> <span style="font-size:18px;"><strong><span style="color:#FF0000;"></span></strong><strong><span style="color:#FF0000;">教学全程采用<span style="font-size:20px;color:#00B050;">笔记+代码案例</span>的形式讲解,每个知识点都有详细的讲解,通俗易懂!!!</span></strong></span> </p> <p style="font-size:16px;"> <img src="https://img-bss.csdnimg.cn/202008090258436919.jpg" alt="" /> </p> <p style="font-size:16px;"> <br /> </p> <p style="font-size:16px;"> <img src="https://img-bss.csdnimg.cn/202008090259007133.jpg" alt="" /> </p> <p style="font-size:16px;"> <br /> </p> <p style="font-size:16px;"> <img src="https://img-bss.csdnimg.cn/202008090259114218.jpg" alt="" /> </p> <p style="font-size:16px;"> <br /> </p> <p style="font-size:16px;"> <img src="https://img-bss.csdnimg.cn/202008090259291679.jpg" alt="" /> </p> <p style="font-size:16px;"> <br /> </p> <p style="font-size:16px;"> <img src="https://img-bss.csdnimg.cn/202008090259474844.jpg" alt="" /> </p> <p style="font-size:16px;"> <br /> </p> <p style="font-size:16px;"> <img src="https://img-bss.csdnimg.cn/202008090259582372.jpg" alt="" /> </p> <p style="font-size:16px;"> <br /> </p> <p style="font-size:16px;"> <br /> </p> <p style="font-size:16px;"> <span style="background-color:#FF0000;font-size:24px;"><strong>全网500万学员的选择,好评如潮,专业更值得信赖......</strong></span> </p> <p style="font-size:16px;"> <span style="background-color:#FF0000;"><strong><img src="https://img-bss.csdnimg.cn/202008090300125864.jpg" alt="" /><br /> </strong></span> </p> <p style="font-size:16px;"> <br /> </p> <p style="font-size:16px;"> <span style="font-size:18px;"><strong><strong><strong>讲师介绍</strong></strong></strong></span> </p> <p style="font-size:16px;"> <span style="font-size:18px;"><strong><strong><strong><img src="https://img-bss.csdnimg.cn/202008090303376757.jpg" alt="" /><br /> </strong></strong></strong></span> </p> <p style="font-size:16px;"> <span style="background-color:#FF0000;"><strong><br /> </strong></span> </p>
<div class="lemma-summary"> <div class="para">JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的高级<a href="https://baike.baidu.com/item/%E7%BC%96%E7%A8%8B%E8%AF%AD%E8%A8%80/9845131" target="_blank" rel="noopener" data-lemmaid="9845131">编程语言</a>。虽然它是作为开发<a href="https://baike.baidu.com/item/Web/150564" target="_blank" rel="noopener" data-lemmaid="150564">Web</a>页面的脚本语言而出名的,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如<a href="https://baike.baidu.com/item/%E5%87%BD%E6%95%B0/301912" target="_blank" rel="noopener" data-lemmaid="301912">函数</a>式编程)风格。<sup class="sup--normal" data-sup="1" data-ctrmap=":1,"> [1]</sup><a class="sup-anchor" name="ref_[1]_16168"></a> </div> <div class="para">JavaScript在1995年由<a href="https://baike.baidu.com/item/Netscape/2778944" target="_blank" rel="noopener" data-lemmaid="2778944">Netscape</a>公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与<a href="https://baike.baidu.com/item/Sun/69463" target="_blank" rel="noopener" data-lemmaid="69463">Sun</a>合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与<a href="https://baike.baidu.com/item/Self/4959923" target="_blank" rel="noopener" data-lemmaid="4959923">Self</a>及<a href="https://baike.baidu.com/item/Scheme/8379129" target="_blank" rel="noopener" data-lemmaid="8379129">Scheme</a>较为接近。<sup class="sup--normal" data-sup="2" data-ctrmap=":2,"> [2]</sup><a class="sup-anchor" name="ref_[2]_16168"></a> </div> <div class="para">JavaScript的标准是<a href="https://baike.baidu.com/item/ECMAScript%20/1889420" target="_blank" rel="noopener" data-lemmaid="1889420">ECMAScript </a>。截至 2012 年,所有浏览器都完整的支持ECMAScript 5.1,旧版本的浏览器至少支持ECMAScript 3 标准。2015年6月17日,ECMA国际组织发布了ECMAScript的第六版,该版本正式名称为 ECMAScript 2015,但通常被称为ECMAScript 6 或者ES6。<sup class="sup--normal" data-sup="1" data-ctrmap=":1,"> [1]</sup><a class="sup-anchor" name="ref_[1]_16168"></a> </div> </div>
©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页