前端学习案例-ES5深拷贝案例

 <!--
 * @Author: your name
 * @Date: 2022-04-01 17:10:07
 * @LastEditTime: 2022-04-01 17:11:35
 * @LastEditors: your name
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \geyao\geyao\深拷贝实现方式ES5220401.html
-->
<!DOCTYPE html>
<html lang="en">
 
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>深拷贝ES5</title>
</head>
 
<body>
  <script>
    //深拷贝ES5方式
    function deepClone(origin, target) {
      var tar = target || {};
      var toStr = Object.prototype.toString;
      var arrType = '[object Array]';
 
      for (var k in origin) {
        if (origin.hasOwnProperty(k)) {
          if (typeof origin[k] === 'object' && origin[k] !== null) {
            tar[k] = toStr.call(origin[k]) === arrType ? [] : {};
            deepClone(origin[k], tar[k]);
          } else {
            tar[k] = origin[k];
          }
        }
      }
 
      return tar;
    }
  </script>
</body>
 
</html>

posted @ 2022-08-26 20:35 前端导师歌谣阅读(17) 评论(0) 编辑收藏举报

刷新页面返回顶部

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

相关博文：

· 前端学习案例-Es6深拷贝，weakMap解决拷贝死循环问题

· 前端学习案例-重写foreach

· js ES5和ES6 版本的对象深拷贝(JavaScript对象深拷贝)

· 前端开发系列120-进阶篇之deepClone

· “约见”面试官系列之常见面试题第十七篇之实现深拷贝（建议收藏）

公告

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

+加关注

2025年3月

日

一

二

三

四

五

六

前端导师歌谣的博客

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

前端学习案例-ES5深拷贝案例

公告

搜索

常用链接

最新随笔

我的标签

积分与排名

随笔分类

随笔档案

相册

阅读排行榜

推荐排行榜

	<!--
	* @Author: your name
	* @Date: 2022-04-01 17:10:07
	* @LastEditTime: 2022-04-01 17:11:35
	* @LastEditors: your name
	* @Description: 打开koroFileHeader查看配置进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
	* @FilePath: \geyao\geyao\深拷贝实现方式ES5220401.html
	-->
	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>深拷贝ES5</title>
	</head>

	<body>
	<script>
	//深拷贝ES5方式
	function deepClone(origin, target) {
	var tar = target \|\| {};
	var toStr = Object.prototype.toString;
	var arrType = '[object Array]';

	for (var k in origin) {
	if (origin.hasOwnProperty(k)) {
	if (typeof origin[k] === 'object' && origin[k] !== null) {
	tar[k] = toStr.call(origin[k]) === arrType ? [] : {};
	deepClone(origin[k], tar[k]);
	} else {
	tar[k] = origin[k];
	}
	}
	}

	return tar;
	}
	</script>
	</body>

	</html>

前端导师歌谣的博客

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

前端学习案例-ES5深拷贝案例

公告

搜索

常用链接

最新随笔

我的标签

积分与排名

随笔分类

随笔档案

相册

阅读排行榜

推荐排行榜

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