首页 > 编程语言 >Javascript对象

Javascript对象

时间:2023-04-13 10:24:45浏览次数:32  
标签:console log 对象 age Javascript uname obj

对象

对象是一组无序的相关属性和方法的集合,所有事物都是对象,例如字符串,数值,数组,函数
对象由属性和方法组成
    属性:事物的特征,常用名词
    方法:事物的行为,常用动词

创建对象

利用对象字面量创建对象

    var obj ={
        uname:'tom',
        age:18,
        sex :'男',
        //对象的方法
        sayHi:function(){
            console.log('hi');
        }
    }
    //调用属性
    console.log(obj.uname);
    console.log(obj['uname']);
    //调用对象的方法
    obj.sayHi();

案例

    var dog={
        name:'可可',
        type:'阿拉斯加',
        age:'5岁',
        color:'棕红色',
        bark:function(){
            console.log('汪汪汪');
        },
        showFilm:function(){
            console.log('演电影');
        }
    }
        console.log(dog.name);
        console.log(dog.type);
        console.log(dog.age);
        console.log(dog.color);
        dog.bark();
        dog.showFilm();        

利用 new Object 创建对象

    var obj   = new Object()//创建了一个空的对象
        obj.uname='tom';//利用等号赋值方法添加属性
        obj.age = 19;
        obj.sex = '男';
        obj.syhi=function(){//利用等号赋值方法添加方法
            console.log('hi');
    }
        console.log(obj['uname']);
        console.log(obj.uname);
        obj.syhi();

构造函数创建对象

    构造函数  泛指某一大类  类似于java的类(class)
    对象  是一个具体的事物
    1.new构造函数在内存中创建空的对象
    2.this指向刚才创建的空对下个
    3.执行构造方法的代码,给对象添加属性和方法
    4.返回新对象
    function Star(uname,age,sex){//构造函数首字母要大写
        this.name=uname;
        this.age=age;
        this.sex=sex;
        this.sing=function(sang){
            console.log(sang);
        }
    }
    var obj =new Star('tom',14,'男');//调用函数返回的是一个对象
    console.log(obj.name);
    obj.sing('冰雨');       

遍历对象

 for(变量 in 对象){
        
 }

案例

    //遍历对象
    var obj ={
        uname:'tom',
        age:18,
        sex :'男',
        sayHi:function(){
            console.log('hi');
        }
    }
    console.log(obj);//直接输出  控制台可以看到 键值对
    for(var k in obj){
        console.log(k);//k 变量输出 得到的是属性名
        console.log(obj[k]);//得到的是 属性值
    }

标签:console,log,对象,age,Javascript,uname,obj
From: https://www.cnblogs.com/wslxs/p/17312407.html

相关文章

  • JavaScript 数组字符串转换Json格式
    JavaScript数组字符串转换Json格式//滔Roy2023.04.13functionparseStringToArray(str){//尝试将字符串解析为JSON格式try{constarr=JSON.parse(str);//如果解析成功,则直接返回解析结果if(Array.isArray(arr)){returnarr;}}......
  • Java面向对象习题接口篇
    题目一:按如下要求编写Java程序:(1)定义接口A,里面包含值为3.14的常量PI和抽象方法doublearea()。(2)定义接口B,里面包含抽象方法voidsetColor(Stringc)。(3)定义接口C,该接口继承了接口A和B,里面包含抽象方法voidvolume()。(4)定义圆柱体类Cylinder实现接口C,该类中包含三个成员变量:底......
  • JavaScript基础知识
    JavaScript基础知识JavaScript是什么?JavaScript是一门编程语言,可以实现很多的网页交互效果。开web页面的脚本语言JavaScript的书写位置?内部JavaScript写在body结束标签上方script里面外部JavaScript通过scriptsrc=引入js文件但是script里面不要写内容,否则会被忽略JavaSc......
  • JS 根据key查找对象数组中符合的一项 返回对象(递归)
    在一个复杂的数组对象数据中(嵌套多层),通过key值返回对应的对象1方法:parseJson(jsonObj,key,value){//循环所有键letarray=[]for(letvinjsonObj){letelement=jsonObj[v]//1.判断是对象或者数组if(typeof(ele......
  • 对象数组
    对象数组对象数组的基本介绍代码实例Person类publicclassPerson{privateStringname;privateintage;publicPerson(){}publicPerson(Stringname,intage){this.name=name;this.age=age;}publicStri......
  • (三)python多进程multiprocessing模块的变量传递问题:父进程中的numpy.array对象隐式序列
    参考:https://docs.python.org/zh-cn/3/library/multiprocessing.htmlcloudpickle——Python分布式序列化的专用模块python多进程multiprocessing模块的变量传递问题:父进程中的numpy.array对象隐式序列化到子进程后的inplace操作的问题-Death_Knight-博客园(cnblogs.com)......
  • vue map 从一组对象中得到一个新的对象
    示例数据:letlist=[{id:1,name:"张三"},{id:2,name:"李四"}]1、使用map 取name属性得到一个string数组letarr= list.map(pro=>pro.name);2、使用map得到一个新的对象集合letarr=list.map(pro=>({lable:pro.name,value:pro.id})) ......
  • memset初始化类对象出错解析
    void*memset(void*s,intv,size_tn); 英文释义如下:Copiesthevaluev(convertedtotypeunsignedchar)tothefirstnbytespointedtobys;returnss. 这里s可以是数组名,也可以是指向某一内在空间的指针;v为要填充的值;n为要填充的字节数,通常为sizeof(s);使用memset......
  • JavaScript Window.Location - 获取当前页面地址(URL)并重定向到新页面。
    JavaScriptWindow.Location-获取当前页面地址(URL)并重定向到新页面。1、常用:window.location.href//返回当前页面的href(URL)window.location.host//或window.location.hostname//返回web主机的域名或IP地址,window.location.pathname//返回当前页面的路径或......
  • 带你揭开神秘的javascript AST面纱之AST 基础与功能
    作者:京东科技周明亮AST基础与功能在前端里面有一个很重要的概念,也是最原子化的内容,就是AST,几乎所有的框架,都是基于AST进行改造运行,比如:React/Vue/Taro等等。多端的运行使用,都离不开AST这个概念。在大家理解相关原理和背景后,我们可以通过手写简单的编译器,简单实现......