zoukankan      html  css  js  c++  java
  • Javascript的字面量对象以及如何拆解字面量对象

    简单的说,字面量对象提供了一直非常方便构建新对象的方式,它的格式非常简单且容易阅读。是大多数前端程序员在构建对象时比较推崇的一种方式。

    格式:

    var person = {
            name : "ziv",
            sex : "男",
            age : "22"
    }

    注意字面量对象最后一个属性是不需要逗号的

    访问字面量对象的属性值:

    person.name
    //或者采用数组形式传入属性的key取得value
    person[name]

    获取字面量对象的所有key值的集合:

    获取子字面量对象的所有key值,通常可以调用Object对象的getOwnPropertyNames();这个方法,示例如下:

    var arr = Object.getOwnPropertyNames(literals);

    arr为一个数组对象,取得name的值arr[index];

    如何遍历字面量对象

    方法一,也是推荐的一种方法,for...in 循环

    var style = "";
    for(var property in literals){ 
         console.log(property);    //属性值     
         console.log(literals[property]);   //key值
         style = style+property+":"+literals[property]+";";
    }
    console.log(style); //组合成一个样式串

    方法二,比较笨,可以先获取property集合值,然后通过遍历property获取key的值

    var propertys = Object.getOwnPropertyNames(literals); //通过getOwnPropertyNames获取
    var style = "";
    for(var i = 0 ; i < propertys.length ; i++){
            var property = propertys[i];
            console.log(propertys[i]+":"+literals[property]);
            style = style+propertys[i]+":"+literals[property]+";";
       }
    console.log(style);
  • 相关阅读:
    Airtest环境搭建及介绍
    再谈PHP错误与异常处理
    Composer基础
    PHP中this,self,parent的区别
    3种方法轻松处理php开发中emoji表情的问题
    php防注入和XSS攻击通用过滤.
    mysql where in 数组解决小tips
    记录搜索关键字到数据库
    获取用户id的方法
    file_get_contents('php://input') 数据如何转换成数组
  • 原文地址:https://www.cnblogs.com/zivxiaowei/p/literals.html
Copyright © 2011-2022 走看看