VIP用户交流群:462197261 收藏本站北冥有鱼 互联网前沿资源第一站 助力全行业互联网+
在线客服:78895949
tonglan
  • 当前位置:
  • JS实现从对象获取对象中单个键值的方法示例

    建站教程 2019年11月09日 关键词:,,,,

    本文实例讲述了JS实现从对象获取对象中单个键值的方法。分享给大家供大家参考,具体如下:

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>www.jb51.net JS获取对象中单个键值</title>
    </head>
    <body>
    <script>
      window.onload = function() {
        var add = document.getElementById("addArr")
        var arr = [
          {aaa: 51, bbb: 174},
          {aaa: 270, bbb: 174}
        ];
        obj = {
          xxx: 51,
          yyy: 174,
          zzz: 175,
          aaa: 1,
          bbb: "abaababababa",
          ccc: 545,
          ddd: 2455
        };
        var aObj = {};
        function addArr() {
          aObj.aaa = obj.aaa
          aObj.bbb = obj.bbb
        };
        addArr();
        add.addEventListener("click", function() {
          arr.push(aObj);
          console.log(arr);
        });
      }
    </script>
    <div>
      <button id="addArr">ADD</button>
    </div>
    </body>
    </html>
    
    

    运行结果:

    感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

    更多关于JavaScript相关内容还可查看本站专题:《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》

    希望本文所述对大家JavaScript程序设计有所帮助。

    您可能感兴趣的文章:

    • JS遍历Json字符串中键值对先转成JSON对象再遍历
    • Js遍历键值对形式对象或Map形式的方法
    • AngularJS操作键值对象类似java的hashmap(填坑小结)
    • Java 把json对象转成map键值对的方法
    • 使用GSON库将Java中的map键值对应结构对象转换为JSON
    • json对象及数组键值的深度大小写转换问题详解
    • JS实现键值对遍历json数组功能示例
    • JS动态遍历json中所有键值对的方法(不知道属性名的情况)
    • js获取对象,数组所有属性键值(key)和对应值(value)的方法示例

    广而告之:
    热门推荐:
    浅谈PHP中foreach/in

    php在开发效率很高,这是无可厚非的,但是却是在牺牲执行效率的。php数组功能非常强大,但是也要多加考虑,多试几种情况情况,以防万一,这里,我就简单的说两个遇到的坑,以后如果有发现更多的,再补上吧!   foreach 提供了遍历数组的简单方式,可以很方便的读取到数据或对···

    织梦DEDECMS前台会员发布文章带图片不显示怎么办?

    经常使用织梦dedecms程序建站的朋友们都知道织梦最新版也是有两个版本的,分别是DEDE5.7SP1版,还有5.7版,但是使用织梦5.7版本程序有一个非常大的毛病:前台会员上传图片或者远程图片本地化,图片可以保存在服务器,但文章中的图片代码被添加反斜杠,导致图片显示···

    织梦二次开发常用新建php页面读取标签模板教程

    最近做网站,想自己建立几个php页面,但是还想让其支持标签。   其实很简单 require_once (dirname(__FILE__) . "/include/common.inc.php"); require_once DEDEINC."/arc.partview.class.php"; $pv = ···

    PHP实现提高SESSION响应速度的几种方法详解

    本文实例讲述了PHP实现提高SESSION响应速度的几种方法。分享给大家供大家参考,具体如下: 设置多级目录存储SESSION 默认session的存储目录是1级目录,如果用户量比较大,session文件数量就比较大,我们可以设置目录数为2,使用2级目录可以提交查找和存取速度。不过这种方式对···

    Vue实现动态添加或者删除对象和对象数组的操作方法

    添加核心代码如下: this.data.push({ type: [{ value: '选项1', label: 'in' }, { value: '选项3', label: 'out' }], value:[{ value: '选项1', label: 'CSV' }, { value···

    PHP中捕获超时事件的方法实例

    set_error_handler()不能捕获致命错误(具体错误类型见手册)。 所以需要如下方法: <?php ini_set ( 'max_execution_time', 1 ); function shutdown() { $a = error_get_last (); print_r ( $a ); } register_shutdown_function ( 'shutdown' ); while ( true ) { } ···

    微信小程序实现点击返回顶层的方法

    最近在研究微信小程序,被这个返回顶层给坑了一波,下面贴代码 wxml代码: <scroll-view scroll-y style="height: 1000rpx;" scroll-top="50" enable-back-to-top="true" scroll-top="{{scrollTop.scroll_top}}" bindscroll="scrollTopFun"> <block wx:for="{{sortAr···

    PHP安全技术之 实现php基本安全

    1.不要依赖注册全局变量功能(register_globals) 注册全局变量的出现曾经让PHP变得非常易用,但也降低了安全性(方便之处经常会破坏安全性)。建议在编程时把register_globals指令关闭,在PHP6中这个功能也会被取消。 2.在使用变量之前对其进行初始化。 如果register···

    vue单页应用的内存泄露定位和修复问题小结

    在前端项目(PC端)中,内存泄露的定位往往比修复更加困难,即使google浏览器有提供Memory工具,但是面对成千上万的元素和错综复杂的引用关系,开发则依然很难快速定位到问题代码块。 一、什么是内存泄漏? 系统进程不再用到的内存,没有及时释放,就叫做内存泄漏(memory leak···

    织梦dedecms搜索指定栏目文档方法

    织梦默认代码有这样一个代码,方便快捷解决这样的难题。只需要在模板搜索代码中加入 “<input type='hidden' name='typeid' value="栏目ID号">” 即可。 以下分享下实站操作案例: 要求:网站首···