san.js源码解读之工具(util)篇——splitStr2Obj函数

news2024/11/27 22:15:52

一、 源码解析

/**
 * 将字符串逗号切分返回对象
 *
 * @param {string} source 源字符串
 * @return {Object}
 */
function splitStr2Obj(source) {
    var result = {};
    each( // 2
        source.split(','), // 1
        function (key) { // 3
            result[key] = key;
        }
    );
    return result;
}
  1. 把字符串通过 split 函数以 ‘,’ 方式进行分割为数组
    例如
    	'animate,animateMotion,animateTransform'.split(','); // 输出 ['animate', 'animateMotion', 'animateTransform']
    
  2. each 函数遍历 split 函数返回的数组
  3. 在函数中进行转换,向 result 对象中放入键值对,这里的键值都是key

最后返回对象

二、示例

let svgTags = splitStr2Obj(''
   // Animation elements
   + 'animate,animateMotion,animateTransform,'

   // Basic shapes
   + 'circle,ellipse,line,polygon,polyline,rect,'

   // Container elements
   + 'defs,g,marker,mask,missing-glyph,pattern,svg,symbol,'

   // Descriptive elements
   + 'desc,metadata,'

   // Font elements
   + 'font,font-face,'

   // Gradient elements
   + 'linearGradient,radialGradient,stop,'

   // Graphics elements
   + 'image,path,use,'

   // Text elements
   + 'glyph,textPath,text,tref,tspan,'

   // Others
   + 'clipPath,cursor,filter,foreignObject,view'
);

请添加图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1043469.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

力扣刷题-链表-链表相交

02.07. 链表相交 给你两个单链表的头节点 headA 和 headB ,请你找出并返回两个单链表相交的起始节点。如果两个链表没有交点,返回 null 。 图示两个链表在节点 c1 开始相交: 题目数据 保证 整个链式结构中不存在环。 注意,函数返…

C语言动态内存管理malloc、calloc、realloc、free函数的讲解

一.为什么存在动态内存管理: 我们知道,在此之前向内存申请空间的方式有以下两种:(变量和数组) 但这两种方法有几个缺陷: ①:空间开辟大小是固定的; ②:数组在声明的时候&…

redis缓存穿透问题

缓存穿透是指客户端请求的数据在缓存中和数据库中都不存在,这样缓存永远不会生效,这些请求都会打到数据库 常见的解决办法: 缓存空对象:第一次请求发现redis和数据库中都不存在时,,可以设置请求数据为key,null为值,放置在缓存中. 但是会有一个问题,就是如果此类请求过多,会导…

渗透中Windows利用Certutil进行文件下载

渗透中Windows利用Certutil进行文件下载 1.概述2.利用Certutil进行文件下载 1.概述 certutil.exe 是一个合法Windows文件,用于管理Windows证书的程序。此合法Windows服务现已被广泛滥用于恶意用途 渗透中主要利用其下载、编码、解码、替代数据流等功能 可以在命令…

全流程HEC-RAS 1D/2D水动力与水环境模拟技术

查看原文>>>全流程HEC-RAS 1D/2D水动力与水环境模拟技术案例实践及拓展应用 目录 专题一、水动力模型基础 专题二、恒定流模型(1D/2D) 专题三、一维非恒定流 专题四、二维非恒定流模型(一) 专题五、二维非恒定流模型(二&#…

JSON.stringify格式化数据美化显示效果(不呆板地一行显示)

一.JSON.stringify 语法: JSON.stringify(value[, replacer[,space]])第二个参数replacer: 过滤属性或者处理值第三个参数space: 美化输出格式 第一个参数: 对象object等 第二个参数replacer: 如果该参数是一个函数: 则在序列化的过程中,被序列化的值的每个属性都会经过该函…

leetcode算法题-移动零Java

这道题的解法,我们可以新建一个等长的数组,初始化后数组中的元素都为零,我们只需要遍历一遍原来的数组,将不为0的数据转移到新数组即可,下面是代码实现: public static void main(String[] args) {System.out.println("移动零:" Arrays.toString(moveZero(new int[…

SVN_SERVER的搭建

一、目前svnserver仅支持windows下安装,所以前提需要一台windows服务器或者windows主机 1. 下载最新版本的包 当前最新版visualsvn server最新版5.3.0 visualsvn server下载地址Downloads | VisualSVN 当前tortoiseSVn最新版1.14.5 tortoise SVN下载地址 h…

嵌入式Linux应用开发-基础知识-第六章 LED驱动程序框架

嵌入式Linux应用开发-基础知识-第六章 LED驱动程序框架 第六章 LED 驱动程序框架6.1 回顾字符设备驱动程序框架6.2 对于 LED 驱动,我们想要什么样的接口?6.3 LED 驱动要怎么写,才能支持多个板子?分层。6.4 写代码6.4.1 驱动程序6.…

车厂造手机旗舰版售价6899,不只是个“车钥匙”

大伙应该发现了这两年的一个奇怪现象:造手机的跑去造车,而车厂又跑来造手机。 这也好解释,毕竟别人碗里的更香、别人老氵…板先挑衅是吧? 昨日,蔚来在其创新科技日活动中正式发布了传闻已久的手机产品 NIO Phone 。 …

最全百科:什么是精益生产?有哪些难点?怎么解决?

什么是生产管理?什么是精益生产?企业生产管理都有哪些难点?企业生产管理又有哪些解决方案?如何高效的进行生产管理?精益生产有哪些管理工具?本篇,我们将为细细盘点企业生产管理的那些事&#xf…

电脑桌面自动提醒的闹钟软件是哪个?

在繁忙的工作中,我们需要保持高效率和准时完成任务。同时,我们也希望能够在电脑桌面上一直有提醒的闹钟,以确保我们不会错过任何重要的会议、任务和活动。然而,传统的设置电脑桌面闹钟提醒方法却过于复杂,让人烦恼不已…

一文教你学会ArcGIS Pro地图设计与制图系列全流程(1)

ArcGIS Pro做的成果图及系列文章目录: 系列文章全集: 《一文教你学会ArcGIS Pro地图设计与制图系列全流程(1)》《一文教你学会ArcGIS Pro地图设计与制图系列全流程(2)》《一文教你学会ArcGIS Pro地图设计与…

项目进展(二)-配置MCT8316ZR芯片,主要学习如何根据数据手册配置外设等

近几天一直和师兄在配置驱动芯片,目前的进展是可以通过SPI配置、读取寄存器等,但是电机一直未被驱动起来(这个问题困扰了我们一两天了,希望有大佬可以帮忙解决一下)。 配置SPI要先根据数据手册的说明,确认好SPI如何配置&#xff0…

探索轻量级模型性能上限,基于GhostNet模型开发构建多商品细粒度图像识别系统

商品图像数据的细粒度识别有别于传统的图像识别任务,本身细粒度识别对于模型特征提取计算能力要求就比较高,在我们前面的一些项目中,涉及到的细粒度识别大多是同一物种下不同亚种的识别,比如:鸟类细粒度识别、狗类细粒…

面试打底稿② 专业技能的第二部分

简历原文 抽查部分 比较熟悉Nacos、Feign、SpringCloud Gateway等微服务的使用,有实际上手项目使用的经验;基本掌握Linux常用命令,了解Linux系统管理、网络管理、生产环境等必用服务,了解Docker的使用,在博客中多有关…

基于微信小程序的宠物用品商城设计与实现(源码+lw+部署文档+讲解等)

文章目录 前言系统主要功能:具体实现截图论文参考详细视频演示为什么选择我自己的网站自己的小程序(小蔡coding)有保障的售后福利 代码参考源码获取 前言 💗博主介绍:✌全网粉丝10W,CSDN特邀作者、博客专家、CSDN新星计…

echarts 地图 visualMap 图例点击事件监听

一、切换位置 二、切换监听 // 切换事件监听 this.myChart.off(datarangeselected); // 为了不触发两次 this.myChart.on(datarangeselected,(e) > {// visualMap change });// 配置如下 visualMap: {type: piecewise,showLabel: true,inverse: true,pieces: [{value: 1,…

2023测试开发必知必会:Pytest框架实战!

应用场景: pytest 框架可以解决我们多个测试脚本一起执行的问题。 它提供了测试用例的详细失败信息,使得开发者可以快速准确地改正问题。它兼容最新版本的 Python。它还兼容 unittest、doctest 和 nose,开箱即用。接下来我们详细了解下pyte…

数字孪生在智慧城市应用场景中的五大特点

数字孪生城市提出至今,已从概念、框架走向落地深耕,逐渐演变成为城市变革新动力和城市转型新路径,是智慧城市发展演进的重要方向。 数字孪生城市建设现已加速步入“技术多维集成、场景创新重构、市场成效导向”的落地实施时期。这一时期&…