天天观焦点:JSON数组操作方法详解 Js中对JSON数组的常用操作
JSON数组操作
(资料图片)
我们首先定义一个json数组对象如下:
var persons = [ {name: "tina", age: 14}, {name: "timo", age: 15}, {name: "lily", age: 16}, {name: "lucy", age: 16}]
一. 根据对象属性值得到相应对象
//1. 获取 name 等于 lily 的对象var lily = persons.filter((p) => {return p.name == "lily";});console.log(lily); //打印结果 [{name: "lily", age: 16}]//注:filter()方法返回的是一个数组var twins = persons.filter((p) => {return p.age == 16;});console.log(twins); //打印结果 [{name: "lily", age: 16},{name: "lucy", age: 16}]
二. 删除其中一个对象
//删除 name 等于 tina 的对象,利用splice()方法//1. 首先我们要得到这个对象var tina = persons.filter((p) => {return p.name == "tina";});//2. 其次得到这个对象在数组中对应的索引var index = persons.indexOf(tina[0]);//3. 如果存在则将其删除,index > -1 代表存在index > -1 && persons.splice(index, 1);console.log(persons);//打印结果 [{name: "timo", age: 15}, {name: "lily", age: 16}, {name: "lucy", age: 16}]
三. 修改其中一个对象的属性值
//将 name 等于 timo 的 age 修改为 20//1. 得到 timo 对象var timo = persons.filter((p) => {return p.name == "timo";});//2. 修改agetimo[0].age = 20;
四. 往数组中添加一个对象
persons.push({name: "similar", age: 18});
五.将两个json数组进行拼接
var c = a.concat(b);
JSON对象的操作
JSON对象是无序的对象可以包含多个key/value(键/值)对key 必须是字符串,value 可以是合法的 JSON 数据类型(字符串, 数字, 对象, 数组, 布尔值或 null)
访问对象值
可以使用点号(.)来访问对象的值:
var myObj, x;myObj = {"name":"runoob", "alexa":10000, "site":null };x = myObj.name;
可以使用中括号([])来访问对象的值:
var myObj, x;myObj = {"name":"runoob", "alexa":10000, "site":null };x = myObj["name"];
使用 for-in 来循环对象的属性:
var myObj = {"name":"runoob", "alexa":10000, "site":null };for (x in myObj) {document.getElementById("demo").innerHTML += x + "";}
在 for-in 循环对象的属性时,使用中括号([])来访问属性的值:
var myObj = {"name":"runoob", "alexa":10000, "site":null };for (x in myObj) {document.getElementById("demo").innerHTML += myObj[x] + "";}
标签:
相关推荐:
最新新闻:
- 2016版word的光标怎么变粗?两种方法可使光标变粗
- 移动硬盘提示参数错误该怎么办?移动硬盘提示参数错误有方法可以解决吗?
- 如何使用VC2008运行库?VC2008运行库的用法详解及注意事项
- 笔记本电脑如何作为wifi热点?详解三种方法参考一下
- 笔记本定时开机怎么设置?笔记本定时开机设置步骤
- 运放放大器的负反馈与缓冲器 运放负反馈实例总结
- qsed文件怎么打开?qsed文件怎么转换?转换方法介绍
- Swift集成指南初始化Podfile 移动端调试工具Flipper了解一下
- 路由器怎么当交换机用?教你路由器当做交换使的连接方法
- 重点聚焦!英语语法:现在完成时形式haddone的用法介绍
- 笔记本电脑如何禁用触控板?详解禁用触控板的方法
- 环球今头条!如何快速了解CD3抗体?艾美捷CD3抗体简介
- internet临时文件在哪里?ie临时文件文件夹位置
- 硬盘版是什么意思?硬盘版和免安装版有什么区别?
- Hosts是什么文件?Hosts文件位置及作用
- 如何用XLSTransformer生成excel文件?jxls的使用方法
- DirectX是什么?卸载DirectX的详细操作步骤
- 世界即时:bmp格式解析 Windows3.0:位图文件格式与显示设备无关
- 中国主要山脉及山峰分布 中国山脉的分布与走向介绍-当前快报
- OLT基本概念是什么?最全的OLT设备介绍
- 【全球新视野】uiso9软碟通软件安装教程 轻松制作光盘映像文件
- 【MD5】数据加密获取前端密码
- 如何用photoshop快速换脸?photoshop快速换脸技巧:世界时讯
- 天天观焦点:JSON数组操作方法详解 Js中对JSON数组的常用操作
- 百事通!实例检查视频是否已暂停:myVid=document
- ubuntu16.04怎么安装搜狗输入法?安装搜狗输入法流程步骤
- 什么是蜂窝移动网络?蜂窝移动网络的详情介绍:天天速递
- 《冒险岛单机版》经验是100倍?最新盛大地图及BOSS
- 东风谷早苗最新钢达姆模型(附代码)|实时
- itunes备份系统的正确修改方法——iTunes备份路径:今日热闻
- HTML表单有什么作用?HTML表单 (form) 的作用解释
- 【聚看点】MacOSX操作系统 MacOSX和iOS应用程序的设置
- 每日短讯:虚拟数字人影响力指数报告发布中新社北京分社
- 世界新动态:日本一男子拍摄大熊猫12年 出版十多册“香香”专辑
- 微软与欧盟进行重要会面:斯宾塞、吉姆·瑞恩等出席
- 修长城模拟器 《中国边疆》最新演示 预定二季度steam发售
- VR解谜续作《我觉得你会死3:机器里的齿轮》公布
- Blumhouse Productions建立游戏工作室 开发原创恐怖游戏_天天热闻
- 2399元!Minisforum发布UM773 Lite迷你主机:搭载R7 7735HS
- 仰望易四方技术平台解读 带来全新出行体验:天天看热讯
- 放羊的星星回忆杀!刘荷娜林志颖16年后晒同框合影_每日热文
- 天天新资讯:索尼2.24迎新发布会:时长45分钟、16款新作展示
- 《城市猎人》剧场版动画天使之泪预告片发布:天天速递
- 八达岭长城缆车图片_八达岭长城缆车
- 航空公司专利:一边飞行一边刺激大脑_环球信息
- 面板白菜价!TCL雷鸟75寸巨屏电视跌至2699元:每日速读
- Chrome不占内存了!快使用最新版试试
- 《地狱男爵》20年后即将重启:环球关注
- 天天新动态:PCIe4.0!金邦2T只要653元
- 暴雪公布《暗黑破坏神4》7分钟加长说明视频:热讯
- 中日韩自贸区板块2月21日跌0.93%,青岛金王领跌,主力资金净流出3.17亿元_焦点要闻
- 天津:六项利好鼓励创新创业 发挥创业带动就业倍增效应
- 环球消息!男子发现亡父739万债务3年偿清 网友盛赞“真汉子”
- 七彩虹将星X15 AT游戏本性能实测:13代酷睿HX处理器联手RTX4070轻松玩转2K分辨率:最新
- XGP新增游戏阵容公开 《原子之心》《卧龙》等:环球观热点
- 天天新资讯:V社:《DOTA2》下一个更新将于3月7日揭晓
- 世界今头条!国外游戏速通活动封禁《霍格沃茨之遗》等哈利波特游戏:具体理由未给出
- 导演谈《美末》剧集过早加入第二部元素:这非常自然
- 资讯:《英雄连3》媒体评分出炉 单人战役IGN 6分
- 文明是什么,一种文明对一个种族或者是一个国家来说代表了什么,应该起什么作用?
- 魅族20上架:预约量超10万单
- 当前讯息:iOS16仍存大量Bug 大量iPhone用户怒喷
- 英国非营利组织Conservation AI在全球濒危物种威胁检测方面取得巨大飞跃
- 嵌入式冰箱的美学评价自今起有了标准答案-天天短讯
- 焦点速递!数毛社:《霍格沃茨之遗》PS5运行效果好于XSX 多方面表现碾压!
- 《使命召唤》太赚钱!索尼给了动视更多收入分成
- 当前热议!《命运2》外挂销售商须赔偿Bungie 430万美元
- vivo X Fold 2曝光:折叠屏首次出现120W快充
- 环球精选!博主称嘎子卖的手机最多999元:别用高价低配忽悠人
- 【全球新视野】《王国之泪》鬼手林克Amiibo开启预购:售价244元
- 《新蝙蝠侠2》将于今年11月开拍-环球热文
- 贾跃亭:FF 91下月量产|微资讯
- 魅族20系列上架:1元预定:全球滚动
- 每日报道:大屏电视集体降价!长虹65英寸4K电视仅需1849元
- 任天堂和马里奥不敢说话,MarioGPT可无限生成关卡