JSON字符串转JSON对象

更新时间：2015年07月31日 11:32:59 投稿：hebedich

本文给大家分享的是如何使用javascript实现JSON字符串转JSON对象的方法，这里记录下来，有需要的小伙伴可以参考下。

适用酒店O2O菜单

var stri = [
    //会员中心
    { "menucode": 1, "menuname": "会员中心", },
    { "menucode": 1, "name": "会员查询", "perm_id": 1, SubsMenu: [{ "perm_id": 1, "menueurl": "Customer/Index", "menuename": "会员查询" }] },
  { "menucode": 1, "name": "签到送积分", "perm_id": 4, SubsMenu: [{ "perm_id": 4, "menueurl": "IntegralPoints/set", "menuename": "签到送积分" }] },
  { "menucode": 1, "name": "会员等级设置", "perm_id": 5, SubsMenu: [{ "perm_id": 5, "menueurl": "Level/set", "menuename": "会员等级设置" }] },
  { "menucode": 1, "name": "储值管理", "perm_id": 9, SubsMenu: [{ "perm_id": 9, "menueurl": "StoredPackages/List", "menuename": "储值管理" }] },
  { "menucode": 1, "name": "会员俱乐部", "perm_id": 60, SubsMenu: [{ "perm_id": 60, "menueurl": "Hotel/HeikahuiIntroduce", "menuename": "会员俱乐部" }] },
    //订单中心
    { "menucode": 2, "menuname": "订单中心", },
    { "menucode": 2, "name": "客房订单", "perm_id": 10, SubsMenu: [{ "perm_id": 10, "menueurl": "Order/Index", "menuename": "客房订单" }] },
  { "menucode": 2, "name": "餐饮订单", "perm_id": 11, SubsMenu: [{ "perm_id": 11, "menueurl": "Order/Index", "menuename": "餐饮订单" }] },
  { "menucode": 2, "name": "团购订单", "perm_id": 13, SubsMenu: [{ "perm_id": 13, "menueurl": "OrderGrouponInfo/Index", "menuename": "团购订单" }] },
  { "menucode": 2, "name": "休闲娱乐订单", "perm_id": 15, SubsMenu: [{ "perm_id": 15, "menueurl": "Order/Index", "menuename": "休闲娱乐订单" }] },
  { "menucode": 2, "name": "会议会宴询问", "perm_id": 16, SubsMenu: [{ "perm_id": 16, "menueurl": "ConferenceRoom/AskList", "menuename": "会议会宴询问" }] },
  { "menucode": 2, "name": "备注预选", "perm_id": 17, SubsMenu: [{ "perm_id": 17, "menueurl": "RemarkPreselection/List", "menuename": "备注预选" }] },
  { "menucode": 2, "name": "二维码收款", "perm_id": 61, SubsMenu: [{ "perm_id": 61, "menueurl": "Receivables/Index", "menuename": "二维码收款" }] },
    //客房中心
    { "menucode": 3, "menuname": "客房中心", },
    { "menucode": 3, "name": "客房促销", "perm_id": 18, SubsMenu: [{ "perm_id": 18, "menueurl": "Promotion/List", "menuename": "客房促销" }] },
  { "menucode": 3, "name": "新闻与优惠", "perm_id": 23, SubsMenu: [{ "perm_id": 23, "menueurl": "NewGraphic/Index", "menuename": "客房促销" }] },
  { "menucode": 3, "name": "优惠券", "perm_id": 8, SubsMenu: [{ "perm_id": 8, "menueurl": "Coupon/List", "menuename": "优惠券" }] },
  { "menucode": 3, "name": "优惠券销售", "perm_id": 58, SubsMenu: [{ "perm_id": 58, "menueurl": "CouponSale/List1", "menuename": "优惠券销售" }] },
  { "menucode": 3, "name": "扫码送优惠券", "perm_id": 58, SubsMenu: [{ "perm_id": 58, "menueurl": "Code/ScanCode", "menuename": "扫码送优惠券" }] },
  { "menucode": 3, "name": "积分兑换记录", "perm_id": 3, SubsMenu: [{ "perm_id": 3, "menueurl": "Gift/Handle", "menuename": "积分兑换记录" }] },
  { "menucode": 3, "name": "兑换礼品维护", "perm_id": 2, SubsMenu: [{ "perm_id": 2, "menueurl": "Gift/GiftLIst", "menuename": "兑换礼品维护" }] },
    //微信
    { "menucode": 4, "menuname": "微信", },
    { "menucode": 4, "name": "微信客服", "perm_id": 24, SubsMenu: [{ "perm_id": 24, "menueurl": "Admin/Index", "menuename": "微信客服" }] },
  { "menucode": 4, "name": "微信粉丝分组", "perm_id": 24, SubsMenu: [{ "perm_id": 24, "menueurl": "CustomGroup/Index", "menuename": "微信粉丝分组" }] },
  { "menucode": 4, "name": "微信二维码", "perm_id": 25, SubsMenu: [{ "perm_id": 25, "menueurl": "Code/Index", "menuename": "微信二维码" }] },
  { "menucode": 4, "name": "微信自动回复", "perm_id": 27, SubsMenu: [{ "perm_id": 27, "menueurl": "KeyForHotel/Index", "menuename": "微信自动回复" }] },
  { "menucode": 4, "name": "微信菜单", "perm_id": 28, SubsMenu: [{ "perm_id": 28, "menueurl": "Menu/Index", "menuename": "微信菜单" }] },
  { "menucode": 4, "name": "微信消息", "perm_id": 29, SubsMenu: [{ "perm_id": 29, "menueurl": "Message/Index", "menuename": "微信消息" }] },
  { "menucode": 4, "name": "微信关注设置", "perm_id": 22, SubsMenu: [{ "perm_id": 22, "menueurl": "FirstConcern/Index", "menuename": "微信关注设置" }] },
    //高级功能
    { "menucode": 5, "menuname": "高级功能", },
    { "menucode": 5, "name": "游戏设置", "perm_id": 30, SubsMenu: [{ "perm_id": 30, "menueurl": "Games/GameNew", "menuename": "游戏设置" }] },
  { "menucode": 5, "name": "微上墙", "perm_id": 31, SubsMenu: [{ "perm_id": 31, "menueurl": "WeChatWall/Index", "menuename": "微上墙" }] },
  { "menucode": 5, "name": "酒店团购", "perm_id": 32, SubsMenu: [{ "perm_id": 32, "menueurl": "HotelGroupon/Index", "menuename": "酒店团购" }] },
  { "menucode": 5, "name": "微请帖", "perm_id": 33, SubsMenu: [{ "perm_id": 33, "menueurl": "WeInvitation/Index", "menuename": "微请帖" }] },
  { "menucode": 5, "name": "投票调查", "perm_id": 19, SubsMenu: [{ "perm_id": 19, "menueurl": "Vote/Index", "menuename": "投票调查" }] },
  { "menucode": 5, "name": "调查问卷", "perm_id": 20, SubsMenu: [{ "perm_id": 20, "menueurl": "Survey/Index", "menuename": "调查问卷" }] },
  { "menucode": 5, "name": "分享", "perm_id": 66, SubsMenu: [{ "perm_id": 66, "menueurl": "Vote/ShareVote", "menuename": "调查问卷" }] },
    //酒店中心
    { "menucode": 6, "menuname": "酒店中心", },
  { "menucode": 6, "name": "酒店信息", "perm_id": 34, SubsMenu: [{ "perm_id": 34, "menueurl": "Hotel/HotelMessage", "menuename": "酒店信息" }] },
  { "menucode": 6, "name": "酒店介绍", "perm_id": 62, SubsMenu: [{ "perm_id": 62, "menueurl": "Hotel/HotelIntroduce", "menuename": "酒店介绍" }] },
  { "menucode": 6, "name": "酒店设施", "perm_id": 41, SubsMenu: [{ "perm_id": 41, "menueurl": "Hotel/HotelFacilities", "menuename": "酒店设施" }] },
  { "menucode": 6, "name": "酒店图片上传", "perm_id": 35, SubsMenu: [{ "perm_id": 35, "menueurl": "HotelImg_Add/Hotel", "menuename": "酒店图片上传" }] },
  { "menucode": 6, "name": "客房信息", "perm_id": 36, SubsMenu: [{ "perm_id": 36, "menueurl": "House/List", "menuename": "客房信息" }] },
  { "menucode": 6, "name": "客房价格日历", "perm_id": 37, SubsMenu: [{ "perm_id": 37, "menueurl": "RoomCalendaPrice/Index", "menuename": "客房价格日历" }] },
  { "menucode": 6, "name": "餐厅信息", "perm_id": 38, SubsMenu: [{ "perm_id": 38, "menueurl": "Restaurant/List", "menuename": "餐厅信息" }] },
  { "menucode": 6, "name": "休闲娱乐", "perm_id": 39, SubsMenu: [{ "perm_id": 39, "menueurl": "Entertainment/List", "menuename": "休闲娱乐" }] },
  { "menucode": 6, "name": "会议宴会", "perm_id": 40, SubsMenu: [{ "perm_id": 40, "menueurl": "ConferenceRoom/List", "menuename": "会议宴会" }] },
  { "menucode": 6, "name": "周边指南", "perm_id": 42, SubsMenu: [{ "perm_id": 42, "menueurl": "HotelRegional/List", "menuename": "周边指南" }] },
  { "menucode": 6, "name": "酒店WiFi", "perm_id": 43, SubsMenu: [{ "perm_id": 43, "menueurl": "WifiManager/Index", "menuename": "酒店WiFi" }] },
  { "menucode": 6, "name": "问答", "perm_id": 6, SubsMenu: [{ "perm_id": 6, "menueurl": "Ask/List", "menuename": "问答" }] },
  { "menucode": 6, "name": "留言板/建议", "perm_id": 7, SubsMenu: [{ "perm_id": 7, "menueurl": "Messages/List", "menuename": "留言板/建议" }] },
    //数据分析
    { "menucode": 7, "menuname": "数据分析", },
    { "menucode": 7, "name": "订单统计分析", "perm_id": 67, SubsMenu: [{ "perm_id": 67, "menueurl": "Report/OrderSummary", "menuename": "订单统计分析" }] },
  { "menucode": 7, "name": "餐饮订单分析", "perm_id": 65, SubsMenu: [{ "perm_id": 65, "menueurl": "Report/RestaurantOrder", "menuename": "餐饮订单分析" }] },
  { "menucode": 7, "name": "订单支付统计", "perm_id": 68, SubsMenu: [{ "perm_id": 68, "menueurl": "Report/OrderPaySummary", "menuename": "订单支付统计" }] },
  { "menucode": 7, "name": "扫码支付统计", "perm_id": 69, SubsMenu: [{ "perm_id": 69, "menueurl": "Report/ScanCodePaySummary", "menuename": "扫码支付统计" }] },
  { "menucode": 7, "name": "现金账户统计", "perm_id": 70, SubsMenu: [{ "perm_id": 70, "menueurl": "Report/CashAccountSummary", "menuename": "现金账户统计" }] },
  { "menucode": 7, "name": "优惠券使用统计", "perm_id": 71, SubsMenu: [{ "perm_id": 71, "menueurl": "Report/CouponUseSummary", "menuename": "优惠券使用统计" }] },
  { "menucode": 7, "name": "积分统计", "perm_id": 72, SubsMenu: [{ "perm_id": 72, "menueurl": "Report/PointsSummary", "menuename": "积分统计" }] },
    //财务对账
    { "menucode": 9, "menuname": "财务对账", },
    { "menucode": 9, "name": "对账单查询", "perm_id": 57, SubsMenu: [{ "perm_id": 57, "menueurl": "PayAccountStateMent/Index", "menuename": "对账单查询" }] },
    //系统设置
    { "menucode": 8, "name": "系统设置", },
    { "menucode": 8, "name": "管理员管理", "perm_id": 51, SubsMenu: [{ "perm_id": 51, "menueurl": "SystemSet/UserManage", "menuename": "管理员管理" }] },
  { "menucode": 8, "name": "密码更改", "perm_id": 52, SubsMenu: [{ "perm_id": 52, "menueurl": "SystemSet/PassWordChange", "menuename": "密码更改" }] },
  { "menucode": 8, "name": "系统通知设置", "perm_id": 53, SubsMenu: [{ "perm_id": 53, "menueurl": "NotifySetting/Index", "menuename": "系统通知设置" }] },
  { "menucode": 8, "name": "订单确认设置", "perm_id": 73, SubsMenu: [{ "perm_id": 73, "menueurl": "OrderConfirm/Index", "menuename": "订单确认设置" }] },
  { "menucode": 8, "name": "酒店常用设置", "perm_id": 54, SubsMenu: [{ "perm_id": 54, "menueurl": "CommonTools/Index", "menuename": "酒店常用设置" }] },
  { "menucode": 8, "name": "积分抵扣", "perm_id": 54, SubsMenu: [{ "perm_id": 54, "menueurl": "PointDiscount/Index", "menuename": "积分抵扣" }] },
  { "menucode": 8, "name": "酒店模板设置", "perm_id": 63, SubsMenu: [{ "perm_id": 63, "menueurl": "SettingHotelTheme/Hotel", "menuename": "酒店模板设置" }] },
  { "menucode": 8, "name": "酒店排序", "perm_id": 64, SubsMenu: [{ "perm_id": 63, "menueurl": "HotelIndex/Index", "menuename": "酒店排序" }] },
  { "menucode": 8, "name": "语音提示", "perm_id": 55, SubsMenu: [{ "perm_id": 63, "menueurl": "VoiceUpLoad/Index", "menuename": "语音提示" }] }
  ]
  var myE = eval(stri);
  $(document).ready(function () {
    Menue('@dealer.clding.com.Utility.LoginInfo.PermIDs');
  });
  function Menue(perids) {
    $.each(myE, function (key, value) {
      $('.dl1').append("<dt class=\"dt1\" style=\"cursor: pointer;\" onclick=\"menuShow(this)\" menucode=\"" + myE[key].menucode + "\"><span>" + myE[key].menuname + "</span><i class=\"i02\"></i></dt>");
      //<dd class=\"dd1\"><a href=" + myE[key].menueurl + ">" + myE[key].menuname + "\"</a></dd>"
      alert(myE[key].menuname);
    });

以上所述就是本文的全部内容了，希望大家能够喜欢。

您可能感兴趣的文章:

JS实现两表格里数据来回转移的方法
这篇文章主要介绍了JS实现两表格里数据来回转移的方法,涉及javascript鼠标事件及页面元素的相关操作技巧,需要的朋友可以参考下
2015-05-05
JS高级拖动技术 setCapture，releaseCapture
setCapture 的意思就是设置一个对象的方法被触发的范围，或者作用域。
2011-07-07
JS数据结构之队列结构详解
这篇文章主要为大家详细介绍了JavaScript数据结构与算法中的队列结构，文中通过简单的示例介绍了队列结构的原理与实现，需要的可以参考一下
2022-11-11
史上最为详细的javascript继承（推荐）
这篇文章主要介绍了javascript继承，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-05-05
基于javascript 显式转换与隐式转换(详解)
下面小编就为大家分享一篇基于javascript 显式转换与隐式转换(详解)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2017-12-12
老生常谈javascript的类型转换
下面小编就为大家带来一篇老生常谈javascript的类型转换。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-10-10
JS+CSS实现随机点名(实例代码)
本文通过js html和cass代码实现了随机点名效果，代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧
2019-11-11
JS库之Particles.js中文开发手册及参数详解
因为自己需要做产品，所以一个好的UI界面也是很重要的，发现这种散射的原子颗粒特效还不错。今天脚本之家小编把Particles.js中文开发手册及particles.js参数分享给大家，需要的朋友参考下吧
2017-09-09
JS实现中英文混合文字溢出友好截取功能
这篇文章主要介绍了JS实现中英文混合文字溢出友好截取功能,通常会用到js的 substr 或者 substring方法, 以及字符串的length属性。需要的朋友可以参考下
2018-08-08
Tesseract.js使用纯js实现的OCR文字识别
Tesseract.js是流行的Tesseract OCR引擎的纯Javascript端口,这个库支持100多种语言,自动文本定位和脚本检测,一个简单的界面,用于阅读段落、单词和字符边界框,Tesseract.js既可以在浏览器中运行,也可以在带有NodeJS的服务器上运行
2023-10-10