首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

为什么我的sessionStorage给{ 'object Object':'‘}

sessionStorage是HTML5中的一种Web存储机制,它允许在浏览器会话期间存储和访问数据。它类似于localStorage,但数据只在当前会话中有效,当用户关闭浏览器标签页或浏览器窗口时,数据将被清除。

在你提供的代码中,将对象{'object Object':'‘}存储到sessionStorage中。然而,sessionStorage只能存储字符串类型的数据,因此在存储时会将对象转换为字符串。具体来说,它会调用对象的toString()方法,将对象转换为字符串表示形式。由于对象{'object Object':'‘}没有重写toString()方法,默认情况下将返回"[object Object]"作为字符串表示形式。

因此,当你访问sessionStorage时,你看到的是字符串"[object Object]",它被解释为键名为'object Object'的键值对。

如果你想存储和访问复杂的数据类型(如对象或数组),你需要将其转换为字符串或使用其他方式进行序列化和反序列化。一种常见的方法是使用JSON.stringify()将对象转换为JSON字符串,并使用JSON.parse()将JSON字符串解析回对象。

例如,你可以将对象存储到sessionStorage中的正确方式是:

代码语言:txt
复制
var data = { key: 'value' };
sessionStorage.setItem('data', JSON.stringify(data));

然后,你可以通过以下方式获取并解析回对象:

代码语言:txt
复制
var storedData = sessionStorage.getItem('data');
var parsedData = JSON.parse(storedData);
console.log(parsedData.key); // 输出: "value"

腾讯云提供了多种与sessionStorage相关的产品和服务,例如对象存储(COS),它是一种云存储服务,可用于存储和访问大量非结构化数据,包括文件、图片、视频等。你可以通过以下链接了解更多关于腾讯云对象存储的信息:

腾讯云对象存储(COS)产品介绍:https://cloud.tencent.com/product/cos

请注意,我在回答中没有提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等云计算品牌商,以符合你的要求。如需了解更多其他品牌商的相关信息,建议你自行查询相关资料。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

object.finalize_objectequals方法

大家好,又见面了,是你们朋友全栈君。...Object类九大方法之finalize方法 finalize()是Objectprotected方法,子类可以覆盖该方法以实现资源清理工作,GC在回收对象之前调用该方法。...finalize作用 (1)finalize()与C++中析构函数不是对应。...C++中析构函数调用时机是确定(对象离开作用域或delete掉),但Java中finalize调用具有不确定性 (2)不建议用finalize方法完成“非内存资源”清理工作,但建议用于:①...因为JVM通常在单独低优先级线程中完成finalize执行 (5)对象再生问题:finalize方法中,可将待回收对象赋值GC Roots可达对象引用,从而达到对象再生目的 (6)finalize

65410

谈谈{}跟Object以及object区别

在TS中,相信很多人搞不清Objectobject以及{}之间关系,或者没有深究过,觉得他们只是同一个类型不同别名,其实不然,每一个存在都是有原因。今天我们一起来探究他们不同之处。...(比如"foo"|"bar"这种literal type可以赋接受string类型变量)。 Object 类似于{},所有拥有Object原型值都能赋Object作为类型变量。...image.png 但是有一丢丢规则,值原型里得有Object(当然了,JS大部分值都是有的)。...Object1.png 它所指向对象一无所知,访问任何属性或者方法都会报找不到: image.png 需要注意,Object对于对象里某些方法是有要求(比如Object原型对象toString方法...这种行为有时候让人迷惑,所以二者选其一,选{}, object 然后就是object类型了。 object跟{}有一点不同,它不包含原始类型。

24310
  • class、case class、object、case object区别

    scala记录 对于一般class,是这样写: class Test1(var name: String, var age: Int){ def method():Unit...val messagesAreTheSame = message2 == message3 // true 尽管message2和message3引用不同对象,但是他们值是相等,所以message2...Click the link to hear it: $link" } } } 一般object,形式如下: object Car{ val numberOfWheels =...} } object对象是单例对象,和class不同是,object是无参,构造函数不能传入参数 而case objectobject区别主要有: case object添加了默认可序列化方法,...转化为文本或者二进制数据,而object需要extends Serializable case object支持模式匹配 case object支持枚举 case object添加了默认toString

    86420

    为什么 useState 返回是 array 而不是 object

    前言 这是今天收到一条推送文章,发现自己好像也没有去思考过这个问题,于是点进来了 明白了原因之后,想用自己的话梳理一遍,分享其他还不了解同学 正文 先来看看 useState 日常用法 const...[count, setCount] = useState(0) 这里可以看到 useState 返回是一个数组,那么为什么是返回数组而不是返回对象呢?...为什么是返回数组而不是返回对象 要弄懂这个问题要先明白 ES6 解构赋值,来看 2 个简单例子: 数组解构赋值 const foo = [1, 2, 3]; const [one, two, three...总结 useState 返回是 array 而不是 object 原因就是为了降低使用复杂度,返回数组的话可以直接根据顺序解构,而返回对象的话要想使用多次就得定义别名了 首发自:为什么 useState...返回是 array 而不是 object

    2.2K20

    简单说 CSS中 object-fit 与 object-position

    想大家应该会想到用 background,用一个divbackground来替代img元素,这样就可以调整它background-size 和 background-position,就能保证图片不变形... 上面是object-fit取值为 none 情况,我们看看object-fit取值为 contain 情况。 ?...好,问题解决了,我们来具体看看 object-fit 与 object-position 这两个属性 解释 object-fit 属性 这个属性决定了像img和videos这样替换元素内容应该如何使用他宽度和高度来填充其容器...这些替换元素展现独立于CSS。object,video,textarea,input也是替换元素,audio和canvas在某些特定情形下为替换元素。...默认值是0% 0% 2、如果仅指定了一个值,其他值将是50% 总结 这两个属性,主要是解决在布局时遇到 尺寸 和 宽高比问题,说简单点就是处理图片会变形问题,而object-position

    92540

    详解JavaScriptObject对象

    Object 是 JavaScript 一种 数据类型 ,用于存储各种键值集合和更复杂实体,几乎所有对象都是 Object 类型实例,它们都会从 Object.prototype 继承属性和方法...常用方法 1、Object.defineProperty 功能:增加或修改对象属性值。...strict mode console.log(object1.property1); // expected output: 42 --- 2、Object.assign 功能:通过复制一个或多个对象来创建一个新对象...} }); const copy = Object.assign({}, obj); console.log(copy); // { baz: 3 } --- 3、Object.create 功能:使用指定对象和属性创建一个新对象...这种通过 __proto__ 属性来链接对象方法,称之为 原型链 。继承特性也是基于它。详细内容,看这里! --- 四、参考文档 详解JavaScriptObject对象

    61520

    RedisOBJECT命令(翻译)

    OBJECT命令允许你从内部查看给定Redis对象。它对查错很有帮助,同时也让你了解某个key使用了何种编码类型,这对节省存储空间很有帮助。...当使用Redis作为缓存时,你可以依据OBJECT命令获取信息制定key淘汰策略。 OBJECT命令支持多个子命令: OBJECT REFCOUNT :返回特定key对应值引用计数。...OBJECT ENCODING :返回特定key对应值内部编码方式。...OBJECT IDLETIME :返回特定key空闲时间(既没有被读,也没有被写)(译者注:每当该key被读/写时,idletime会重新从0开始计数。),以秒为单位。...encoding mylist "ziplist" //10秒后执行 redis> object idletime mylist (integer) 10 一旦当前编码类型对应存储空间不够,redis

    45840

    【学习笔记】区别Kotlin中object和companion object关键字

    实践出真知,在经过简单练习加上相关博客文章、源码阅读、谷歌搜索后,心里所认识 object 和 companion object 是这样object 可以定义在全局也可以在类内部使用 object...,这些认识都是停留在表面上,在继续阅读《 Kotlin in Action 》这本书相应章节后,能发现它们使用场景和功能点远不止这些!...究其原因,主要是并没有完全弄清楚它们原理以及它们之间差别,不论是 object 还是 companion object ,它们共性和区别还有这些: object 可以作为变量定义也可以是表达式...同时,和 object 类似,可以 companion object 命名,也可以不给名字,这个时候它会有个默认名字: Companion ,而且,它只在类里面能定义一次: class MyClass2...写这篇文章时候并没有下功夫继续深究,有机会还会再去看看转化 Java 部分源码,那样会更加加深对 object 和 companion object 甚至整个 Kotlin 语言认识吧!

    3.2K30

    Object.is() 方法作用

    Object.is() 确定两个值是否为相同值。返回一个布尔值,指示两个参数是否为相同值。...) 都是 BigInt 且具有相同数值 都是 symbol 且引用相同 symbol 值 都是数字且 都是 +0 都是 -0 都是 NaN 都有相同值,非零且都不是 NaN 注意: Object.is...== 运算符在测试相等性之前,会对两个操作数进行类型转换(如果它们不是相同类型),这可能会导致一些非预期行为,例如 "" == false 结果是 true,但是 Object.is() 不会对其操作数进行类型转换...Object.is() 也不等价于 === 运算符。Object.is() 和 === 之间唯一区别在于它们处理带符号 0 和 NaN 值时候。...// 案例 2: 带符号 0 Object.is(0, -0); // false Object.is(+0, -0); // false Object.is(-0, -0); // true //

    14210

    获取Object对象length

    Object对象是没有length属性或方法,它确实没有存在必要,因为人们只会在乎该对象能提供什么样方法,而没有必要知道它到底有多少方法。...}); 4 }catch(e){} 面对这样数据,就犯愁了,因为object不能获取对象长度。...当然可以叫后台同事改一下接口返回格式,但是既然他可以写出以这样格式返回代码,那其他后台同事也同样 可以写出。为了不影响到更多的人,就需要在前端来做处理了。...for(var i in obj){ count ++; } return count; }; alert(length(a)); //5 至于为什么是...为了更方便使用这个方法,可以把它写到Object原型里面去,并且不去计算它原型长度,如下代码所示: var a = {a:1,b:2,c:3,d:4}; Object.prototype.length

    2.2K110
    领券