前端js获取key值方法

54 篇文章 2 订阅

本地存储localStorage

存值

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

例如:

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

取值

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

例如:

localStorage.getItem("key")
1种
 var obj = {id:11,name:"ss"};
 var v1 = obj.abc;//使用点的方式
 let obj = localStorage.getItem("obj")
2 种
 var obj = {id:11,name:"ss"};
 var v2 = obj["abc"];//使用中括号的方式
 let obj = localStorage.getItem("obj")
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]}

取的方式

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

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

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

最后

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

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端JS可以通过调用地图API的接口来获取地图定位信息。根据引用\[1\]和引用\[2\]的内容,可以使用腾讯地图的API来获取地图定位信息。首先需要引入封装好的JS文件,通过调用API的接口来获取定位信息。具体步骤如下: 1. 引入腾讯地图的JS文件,可以使用以下地址: ``` https://apis.map.qq.com/tools/geolocation/min?key=yourkey&referer=myapp ``` 这个JS文件包含了地图定位的API接口。 2. 在JS代码中调用API接口来获取定位信息。可以使用以下代码: ``` var geolocation = new qq.maps.Geolocation(yourkey); geolocation.getLocation(function success(position) { // 定位成功后的处理逻辑 console.log(position); }, function error(result) { // 定位失败后的处理逻辑 console.log('获取定位失败', JSON.stringify(result)); }, { timeout: 15000, failTipFlag: true }); ``` 这段代码会创建一个`qq.maps.Geolocation`对象,并调用`getLocation`方法获取定位信息。定位成功后,可以在`success`回调函数中处理定位结果;定位失败后,可以在`error`回调函数中处理错误信息。 通过以上步骤,前端JS可以获取地图定位信息。请注意替换代码中的`yourkey`为你自己的开发密钥。 #### 引用[.reference_title] - *1* *2* [前端获取用户地理定位的几种方式(Geolocation API,微信,腾讯地图)](https://blog.csdn.net/qq_36131788/article/details/117560902)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [前端利用高德地图获取到当前所在省市定位](https://blog.csdn.net/LRQQHM/article/details/128461956)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值