前端学习笔记202308学习笔记第七拾玖天-Map之6

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Map</title>
</head>
<body>
    <script>
        // Object.prototype[Symbol.iterator]=function(){
        //     var keys=Object.keys(this)
        //     var count=0
        //     var _self=this
        //     return {
        //         next:function(){
        //             return count<keys.length?{
        //                 value:[keys[count],_self[count++]],
        //                 done:false
        //             }:{
        //                 value:undefined,
        //                 done:true
        //             }
        //         }
        //     }
        // }
        // const obj={
        //     a:1,b:2,c:3
        // }
        // for(let [key,value] of obj){
        //     console.log(key,value)
        // }
        // const geyao=new Map()
        // geyao.set(0,1);
        // geyao.set(-0,1)
        // console.log(geyao)
        function replacer(key,value){
            if(value instanceof Map){
                return {
                    type:"Map",
                    value:[...value]
                }
            }else{
                return value
            }
        }
        function reviver(key,value){
            if(value.type==="Map"){
                return new Map(value.value)
            }
            return value
        }
        var geyao=new Map()
        geyao.set("a",1)
        geyao.set({a:1},3)
        geyao.set([1,2,3],3)
        const stringRes=JSON.stringify(geyao,replacer)
        const reviverRes=JSON.parse(stringRes,reviver)
        console.log(stringRes)
        console.log(reviverRes)
    </script>
</body>
</html>

运行结果

posted @ 2023-08-31 19:17 前端导师歌谣阅读(2) 评论(0) 编辑收藏举报来源

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· 前端学习笔记202308学习笔记第七十捌天-Map之6

· 前端学习笔记202308学习笔记第七十捌天-Map之8

· 23.Map的介绍与API

· v6-地图显示

· ES6-Map()用法

公告

昵称：前端导师歌谣
园龄： 7年3个月
粉丝： 9
关注： 0

+加关注

2025年3月

日

一

二

三

四

五

六

前端导师歌谣的博客

微信公众号关注前端小歌谣每日分享前端知识

前端学习笔记202308学习笔记第七拾玖天-Map之6

公告

搜索

常用链接

最新随笔

我的标签

积分与排名

随笔分类

随笔档案

相册

阅读排行榜

推荐排行榜

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Map</title>
	</head>
	<body>
	<script>
	// Object.prototype[Symbol.iterator]=function(){
	// var keys=Object.keys(this)
	// var count=0
	// var _self=this
	// return {
	// next:function(){
	// return count<keys.length?{
	// value:[keys[count],_self[count++]],
	// done:false
	// }:{
	// value:undefined,
	// done:true
	// }
	// }
	// }
	// }
	// const obj={
	// a:1,b:2,c:3
	// }
	// for(let [key,value] of obj){
	// console.log(key,value)
	// }
	// const geyao=new Map()
	// geyao.set(0,1);
	// geyao.set(-0,1)
	// console.log(geyao)
	function replacer(key,value){
	if(value instanceof Map){
	return {
	type:"Map",
	value:[...value]
	}
	}else{
	return value
	}
	}
	function reviver(key,value){
	if(value.type==="Map"){
	return new Map(value.value)
	}
	return value
	}
	var geyao=new Map()
	geyao.set("a",1)
	geyao.set({a:1},3)
	geyao.set([1,2,3],3)
	const stringRes=JSON.stringify(geyao,replacer)
	const reviverRes=JSON.parse(stringRes,reviver)
	console.log(stringRes)
	console.log(reviverRes)
	</script>
	</body>
	</html>

前端导师歌谣的博客

微信公众号关注前端小歌谣 每日分享前端知识

前端学习笔记202308学习笔记第七拾玖天-Map之6

公告

搜索

常用链接

最新随笔

我的标签

积分与排名

随笔分类

随笔档案

相册

阅读排行榜

推荐排行榜

微信公众号关注前端小歌谣每日分享前端知识