首页 > 其他分享 >js语法

js语法

时间:2023-07-21 21:45:32浏览次数:29  
标签:const lon coord js 语法 result 字符串 120.3698

 

const [lon, lat] = coord.split(',').map(Number);

 

原理解释

使用了解构赋值和数组映射的方式从坐标字符串(coord)中提取经度(lon)和纬度(lat)值,并将它们从字符串转换为数字。

 

1、

coord.split(','):使用逗号 , 作为分隔符,将坐标字符串 coord 拆分为一个字符串数组。

例如,如果 coord"120.3698,25.665",这将得到一个数组 ["120.3698", "25.665"]

2、

.map(Number):使用 map() 方法遍历在前一步创建的数组,并应用 Number 函数将每个字符串元素转换为数值。

在 JavaScript 中,Number 函数可以将表示数字的字符串转换为实际的数值。例如,"120.3698" 将被转换为 120.3698,而 "25.665" 将被转换为 25.665

3、

const [lon, lat] = ...:使用解构赋值的语法,将在步骤 1(在步骤 2 中转换为数字后)创建的数组的两个元素分别赋值给变量 lonlat。第一个元素将被赋值给 lon,第二个元素将被赋值给 lat

 

 

在 JavaScript 的 split() 方法中,如果指定的分隔符在字符串末尾,并且之后没有内容形成子字符串,那么它将不会返回一个空的子字符串,而是直接忽略该分隔符。

const str = "120.3698,25.66;";

const result = str.split(';');

console.log(result);

 

如下报错表示不能对const常量进行赋值

 

则 结果为

["120.3698,25.66"]

对于其长度

const str = "120.3698,25.66;";

const result = str.split(';');

console.log(result.length); // Output: 1

因为 result 数组中只有一个元素,所以 result.length 的值为 1。这意味着 result 数组包含一个元素,即字符串 "120.3698,25.66"

 

标签:const,lon,coord,js,语法,result,字符串,120.3698
From: https://www.cnblogs.com/yu-beng/p/17572215.html

相关文章

  • vue 使用vue-json-viewer 展示 JSON 格式数据
    为什么需要Vue-json-viewer在前端开发中,我们经常需要处理JSON数据。然而,JSON数据一般是以字符串的形式来传递,难以直观地查看、理解和调试,这阻碍了我们开发工作的进程。Vue-json-viewer组件正是为了解决这个问题而生。安装vue-json-viewer插件npminstallvue-json-viewer--sa......
  • struts2 jsonplugin includeProperties中对list集合的正则配置
     1、listAttachment.*\.realName 和listAttachment.* 效果一样,元素中所有的属性都json化了   "listAttachment":[{"encodedRealName":"%E8%AE%A1%E5%88%92%E4%BB%BB%E5%8A%A1%E4%B9%A6%E5%88%97%E8%A1%A820111223102409.xls","id":"408080b7......
  • (转)JS判断文件大小
    第一种是应用ActiveX控件的实现,例如:Javascript代码<scripttype="text/javascript">functiongetFileSize(filePath){varfso=newActiveXObject("Scripting.FileSystemObject");alert("文件大小为:"+fso.GetFile(filePath).s......
  • How to pass new hidden value to backing bean in JSF(JSF 隐藏域传值到后台)
    JSF隐藏域传值到后台 Insomecases,youmayneedtopassanewhiddenvaluetoabackingbean.Generally,therearetwoways:1.HTMLTag+getRequestParameterMap()RenderhiddenfieldwithplainHTMLinput,hard-codednewhiddenvalueandaccessinbackingbe......
  • jsp 超链接带系统前缀
    如: <a href="www.iteye.com">iteye</a> 网页生成后点击此超链接,始终有如http://localhost:8080的前缀,变成http://localhost:8080/www.iteye.com  解决:加上http://前缀   <a href="http://www.iteye.com">iteye</a> ......
  • NextJs 中使用Next-Auth
    NextJs中使用Next-Auth本篇讨论的范畴是Azureb2c做为provider,token的类型是jwttoken.我们讨论在Azureb2c认证完后,由Next-Auth负责认证的过程。BasicConceptToken这个就是cookie,它的名字是非https是next-auth.session-token,如果是https则是__Secure-next-auth.sessio......
  • MarkDown语法
    推荐文本编辑器:Typora文件后缀xxx.md一级标题名二级标题名......字体粗体:HelloWorld!斜体:HelloWorld!斜体加粗:HelloWorld!删除线:HelloWorld!引用ayanamidaisuki分割线或图片注:感叹号和括号需要英文格式超链接点击跳转到李沐动手学深度学习第二版......
  • 直播带货源码,JS实现轮播图点击切换、按钮切换功能
    直播带货源码,JS实现轮播图点击切换、按钮切换功能html代码: <div>    <pid="pa"></p>    <imgsrc="1.jpg"alt="">    <buttonid="lt"><</button>    <buttonid="gt">>&l......
  • Vue3 响应式全局对象json 动态绑定界面三 (Div块样式 字符串叠加)
    效果 man.js  定义响应式全局对象 globalData//全局对象constglobalData=reactive({missedCallData:"",currentUserTel:"",})app.provide('globalData',globalData);在main.js的函数中改变missedCallData 的值从而改变界面列表//改变全局变量gl......
  • Vue3 响应式全局对象json 动态绑定界面四 (Div块样式 Json数据绑定)
    效果man.js  定义响应式全局对象 globalData//全局对象constglobalData=reactive({extTelTalkData:[{userExten:"1000",userName:"刘亦菲",callStatus:"通话"},{......