码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 前端js获取key值方法


    目录

      • 本地存储localStorage
        • 存值
        • 取值
          • 1种
          • 2 种
          • 3 种
          • 4 种
      • 最后

    本地存储localStorage

    存值

    语法: localStorage.getItem("key",'value')

    例如:

    //data里的值
    var obj = {id:11,name:"ss"};
     
    localStorage.getItem("obj ",'obj.id')
    
    • 1
    • 2
    • 3
    • 4

    取值

    结构 key:value ,取值方式是 拿到 key名字即可

    例如:

    localStorage.getItem("key")
    
    • 1
    1种
     var obj = {id:11,name:"ss"};
     var v1 = obj.abc;//使用点的方式
     let obj = localStorage.getItem("obj")
    
    • 1
    • 2
    • 3
    2 种
     var obj = {id:11,name:"ss"};
     var v2 = obj["abc"];//使用中括号的方式
     let obj = localStorage.getItem("obj")
    
    • 1
    • 2
    • 3
    3 种

    图的格式

    在这里插入图片描述

    打印得到格式

    在这里插入图片描述

    打印出来的代码

    {"csrf_token":"FVbWHozZ0RohyelmFyAADTbeCNLZjaCUJfUHVRxc","user_id":"62fb0f20e31fe8469167aaf2","access_control":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67]}
    
    • 1

    取的方式

    弄半天才弄出来的,记录一下

    JSON.parse(localStorage.getItem("userinfo")).user_id
    
    • 1
    4 种
     JSON.stringify(JSON.parse(localStorage.getItem("key")))
    
    • 1

    以后还会遇到新的方式,还会来本文章记录,一定要持续关注~~~

    最后

    感觉文章好的话记得点个心心和关注和收藏,有错的地方麻烦指正一下,如果需要转载,请标明出处,多谢!!!

  • 相关阅读:
    OpenCV 在ImShow窗体上选择感兴趣的区域
    CSP-J初赛复习大题整理笔记
    【力扣10天SQL入门】Day4 组合查询 & 指定选取
    智能工厂落地的三种模式,你了解多少?
    【学习笔记51】ES6的新增属性Set和Map
    快鲸scrm系统:解决企业管理的三大核心痛点问题
    【实战案例】Python 信用卡欺诈检测其实特简单
    Vuex模块化(modules)与namespaced(命名空间)的搭配
    为什么我们需要 HTTP/3?QUIC协议成功“上位”。
    化肥厂废水除氨氮工艺盘点
  • 原文地址:https://blog.csdn.net/m0_49714202/article/details/127687403
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号