首页前端开发JavaScriptJavaScript获取关联数组的键的两种方法

JavaScript获取关联数组的键的两种方法

时间2024-01-30 05:10:02发布访客分类JavaScript浏览1036
导读:收集整理的这篇文章主要介绍了JavaScript获取关联数组的键的两种方法,觉得挺不错的,现在分享给大家,也给大家做个参考。在上一篇《JavaScript如何获取数字数组的中位数(两种方法)》中给大家介绍了怎么获取数字数组的中位数,感兴趣的...
收集整理的这篇文章主要介绍了JavaScript获取关联数组的键的两种方法,觉得挺不错的,现在分享给大家,也给大家做个参考。在上一篇《JavaScript如何获取数字数组的中位数(两种方法)》中给大家介绍了怎么获取数字数组的中位数,感兴趣的朋友可以学习了解一下~

本文的主要内容则是通过两种方法教大家如何使用JavaScript获取关联数组的键。

首先给大家简单介绍一下什么是关联数组?

关联数组:关联数组用于存储键值对。例如,要将学生不同科目的分数存储在数组中,数字索引数组肯定不是最佳选择。相反,我们可以使用学生姓名作为关联数组中的键,值将是它们各自获得的分数。在关联数组中,键值对与:符号相关联。

下面就给大家介绍两种方法获取关联数组的键。

方法一:

在该方法中,使用for循环遍历整个关联数组,并显示数组的关键元素。

语法:

for (VAR key in dictionary) {
  // ...}
    

完整示例代码如下:循环遍历关联数组和打印键

!DOCTYPE htML>
    html lang="en">
    head>
        meta charset="UTF-8" />
        tITle>
    /title>
        script>
        var arr = {
            "牛顿": "重力",            "艾伯特": "能源",            "爱迪生": "灯泡",            "特斯拉": "AC" }
    ;
            document.write("显示的Keys: br>
    ");
        // 循环打印keys for (var key in arr) {
            if (arr.hasOwnPRoperty(key)) {
                    // 打印Keys document.write(key + "br>
    ");
            }
        }
        /script>
    /head>
    body>
    /body>
    /html>
    

打印结果:

显示的Keys:牛顿艾伯特爱迪生特斯拉

方法二:

使用Object.keys()函数: Object.keys() 是 JavaScript 中的一个内置函数,可用于获取数组的所有键。

语法:

Object.keys(obj)

示例代码如下:使用 Object.keys() 访问关联数组的键。

!DOCTYPE html>
    html lang="en">
    head>
        meta charset="UTF-8" />
        title>
    /title>
        script>
        var arr = {
            "牛顿": "重力",            "艾伯特": "能源",            "爱迪生": "灯泡",            "特斯拉": "AC" }
    ;
            // 获取keys var keys = Object.keys(arr);
            document.write("Keys显示如下:br>
    ");
            // 打印keys document.write(keys);
        /script>
    /head>
    body>
    /body>
    /html>
    

打印结果如下:

Keys显示如下:牛顿,艾伯特,爱迪生,特斯拉

最后给大家推荐《JavaScript基础教程》~欢迎大家学习~

以上就是JavaScript获取关联数组的键的两种方法的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: 浅析javascript中Reflect内置对象...下一篇:JavaScript如何获取数字数组的中...猜你在找的JavaScript相关文章 html font标签如何设置字体大小?html font标签属性用法介绍2022-05-16vue3+TypeScript+vue-router的使用方法2022-04-16vue3获取当前路由地址2022-04-16如何利用React实现图片识别App2022-04-16JavaScript展开运算符和剩余运算符的区别详解2022-04-16微信小程序中使用vant框架的具体步骤2022-04-16Vue elementUI表单嵌套表格并对每行进行校验详解2022-04-16如何利用Typescript封装本地存储2022-04-16微信小程序中wxs文件的一些妙用分享2022-04-16JavaScript的Set数据结构详解2022-04-16 其他相关热搜词更多phpjavapython程序员loadpost-format-gallery

若转载请注明出处: JavaScript获取关联数组的键的两种方法
本文地址: https://pptw.com/jishu/592082.html
Node.js中如何利用node-cron来调度任务? JS字符串学习之将字符串分割成子串并传给数组

游客 回复需填写必要信息