javascript中 获取json对象的键构成的数组

最新推荐文章于 2023-06-08 15:20:25 发布
最新推荐文章于 2023-06-08 15:20:25 发布
阅读量1.3k 收藏
点赞数
分类专栏： JavaScript学习心得 文章标签： JavaScript JSON对象 数组

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <input type="button"  id="btn01" value="测试" />
        <div id="box">
            
        </div>
    </body>
</html>
<script type="text/javascript">
 
    
//所有的形状
let shapes=    {   
    heng:"我是横",
    //方块：
    square:"我是方块",
    //z状
    z:"我是z",
    //L状
    l:"我是l"            
};
 
window.onload = function(){
    document.getElementById("btn01").onclick = function(){
        //1、获取所有的键组成的字符串数组：
        let keys = Object.keys(shapes);
        //2、随机获取一个合法的下标
        let index = parseInt(Math.random()*keys.length);
        //3、显示键的名字和键对应的值
        document.getElementById("box").innerHTML=keys[index]+"："+shapes[keys[index]];
    };
}
 
 
</script>

一只中年程序猿
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript中获取json所有的Key作为一个数组，并利用变量作为json对象的KEY，来获取属性值。
happy81997的博客
07-13 3846
JavaScript中将变量作为json对象的KEY，来获取属性值 场景描述 json对象要回去某个属性的值，一般都是根据键值key来获取，json.a="",但是有时候，需要动态的传键值Key来获取对应的属性值 实现方式： 1、获取json多有的key值，作为一个数组 var data={k:'aa',b:'aaa'}; var keyData=Object.keys(data) //keyData=['k','b'] 2、动态传变量作为key var data={k:'aa',b:'a
用JavaScript实现json数组的排序功能
李不白mystic的博客
10-23 379
需要实现的功能:点击查询时 用js页面对后台传来的数据进行排序js代码function energyReportListButtonClick(cod){ var cod = $('#input-plants').find("option:selected").attr('data-id'); var time = $('#energyDate').datetimepicker().data().
js中取json对象的键和值以及取数组的索引和值
qq_20777797的博客
03-02 9855
js中取json对象的键和值 js取数组的索引和值
json对象转换成数组的数组操作方法
GrowthHacker的博客
08-10 3304
思路：1.获取对象的里元素的属性名for（i in data）中的i就是键值；2.循环创建对象（对象需要循环创建）；3.设定需要对象的属性值,并push到新的数组arr里边去；4.截取该数组的需要的部分并拼接到新的数组里边去打印即可。一朋友看到的面试题，算是给他讲明白了，不喜勿喷！再具体的请看注释。
js获取json对象中的key和value,并组成新数组
weixin_34247032的博客
01-20 3992
//比如有一个json var json = {"name" : "Tom", "age" : 18}; //想分别获取它的key 和 value //小技巧来啦 for (var key in json) { console.log(key); //获取key值 console.log(json[key]); //获取对应的value值 ...
JavaScript实现构造json数组的方法分析
10-18
原始数据包含`host`、`currentTime`和`taskNum`字段，而我们希望构造的JSON数组中的每个元素都包含一个`name`字段（由`host`构成）和一个`data`字段，该字段是一个嵌套的数组，包含时间戳和任务数量。 错误的实现...
易语言生成二维json数组
07-21
`info`可能用于储存一些关于JSON数据的信息，`json_keys`可能用于获取JSON对象的键，而`json_value`则可能用于获取对应的值。在实际编程中，要根据具体上下文来理解和使用它们。 5. **源码实现**：最后，编写易语言...
头歌教学实践平台 Web前端开发基础 JavaScript学习手册十一：JSON
最新发布
01-20
对象由键值对构成，用花括号{}包围，键和值之间用冒号分隔，多个键值对之间用逗号分隔；数组是有序的数据集合，用方括号[]包围，元素之间用逗号分隔。 2. JSON的基本语法： - 对象：`{"key1": "value1", "key2": ...
JSON中的有关代码。。。。。
06-01
- **`JSONObject`**：用于表示JSON对象，提供了添加、删除、获取键值对的方法。可以将Java对象转换为`JSONObject`，也可以将`JSONObject`转换回Java对象。 - **`JSONArray`**：表示JSON数组，操作方式类似Java的`...
Android中JSON详细总结（全）
03-12
对于包含数组的JSON，可以使用`JSONArray`来解析，通过索引访问数组中的JSON对象或值。 此外，Android还提供了一个与JSON类似的结构——`Bundle`，它用于在Activity之间传递数据。尽管`Bundle`和JSON对象在概念上有...
VUE JSON数组，JSON对象，数组的区别
书写人生
04-11 6218
一、JSON 语法规则： JSON 是存储和交换文本信息的语法 在开发过程中，经常需要和别的系统交换数据，数据交换的格式有XML、JSON等， JSON作为一个轻量级的数据格式比xml效率要高，XML需要很多的标签，这无疑占据了网络流量。 1、JSON可以有两种格式 一种是对象格式的： {"name":"JSON","address":"北京市西城区","age":25}//JSON...
实习收获之 获取json对象键值的几种方法
随缘手札
08-16 6436
获取json对象中指定的键值或者排除不需要的键值，只提取我们所需要的键值 在实习过程中有遇到一些问题，就是后端返回的json对象中，键特别多，但我们所需要的只是其中一部分；有时候是我们需要其中很大一部分，而有一些是我们所不需要的，那么这个时候我们仅需要下面的操作就可以提取到我们想要的键值： 如有obj这样一个json对象，我们仅需要里面first和sixth的键值 var obj = { first: 1, second: 2, third: 3,
JSON数组获取指定key的值
Ydada_的博客
11-09 7040
假如有个json，如下，json数组对象是多层嵌套的，每层的键值不确定， 目的是想取出所有的key为testkey的值，即["#testkey1-1", “#testkey1-2”, “#testkey1-3”, “#testkey1-aaa”, “#testkey2-1”, “#testkey2-2”, “#testkey2-3”, “#testkey2-aaa”]。 var obj = [{ ...
获取对象键的数组
p15097962069的博客
06-13 267
I would like to get the keys of a JavaScript object as an array, either in jQuery or pure JavaScrip
js获取json数组中所有对象的某个属性组成新数组
爱米酱的博客
12-07 2816
方式1： let arrNew = [] arrOld.forEach(item => { arrNew.push(item.name) }) 方式2： let arrNew = arrOld.map(item => { return item.name; })
Json格式的解析,JsonObject、JSONArray
学习
02-01 2931
Json格式的解析,JsonObject、JSONArray
获取json中的数组
GQ_666的博客
01-12 6000
json数据如下： { "code": 200, "msg": "OK", "data": [ "3148120404262382", "1443363211304208", "4322133941384257", "225715105299077", "0130535842122221", "013132461720341", "084219211914673",
json 数组查找数据的几种方式，包括模糊查找
慢谈人生
06-08 6241
json 数组查找数据的几种方式，包括模糊查找。
json 数组和对象数组的区别?
07-13
JSON数组和对象数组是两种不同的数据结构。 JSON数组是一个有序的、包含在方括号 `[ ]` 中的值的集合。每个值可以是任意的JSON类型，例如字符串、数字、布尔值、对象或其他数组。数组中的值使用逗号 `,` 分隔。例如： ```json ["apple", "banana", "orange"] ``` 对象数组是一个包含多个对象的数组。每个对象都是一个由键值对组成的集合，其中键是字符串，值可以是任意的JavaScript对象。对象数组中的每个对象通常具有相同的属性，但属性值可以不同。例如： ```javascript [ { "name": "John", "age": 25 }, { "name": "Jane", "age": 30 }, { "name": "Bob", "age": 35 } ] ``` 在上述示例中，我们有一个包含三个对象的对象数组。每个对象都有`name`和`age`属性，但是属性值可以根据每个对象而不同。 因此，JSON数组和对象数组的主要区别在于它们存储的数据类型。JSON数组只存储值，而对象数组存储一组具有键值对的对象。你可以根据具体的需求选择使用哪种数据结构。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值