JavaScript 常用简洁写法与技巧汇总

作者:纸飞机时间:2026-10-22 02:26:37浏览:268

本文整理了 JavaScript 编程中常用的简洁写法,涵盖数组与字符串的创建技巧、substring 与 charAt 的使用优化,以及判断变量是否为数字的两种有效方法。通过简化代码结构,提升开发效率与代码可读性。

数组与字符串的简洁创建方式

以数据 a 为例,通常遍历每个元素需使用


for(var x=0;x<a.length;x++)


{

alert(a[x])


}

一种更简洁的遍历方式是


for(var x in a)


{

alert(a[x])


}


创建数组可采用以下简化形式:


d=[1,2,3,3,4,3,2,2]


或者使用


d={1,2,3,3,4,3,2,2}



若处理字符串,可通过


d="asfwf,asdf,w,x,,a,sfw,,x,asfw,".split(",")


实现更简单的操作。


获取字符串 c 从第二个位置开始的内容。

字符串操作的简化技巧

部分开发者习惯写成 c = c.substring(1,c.length)


实际上,直接写 c = c.substring(1) 即可达到相同效果。


获取字符串 c 在指定位置的单个字符。

还有人会编写如下代码:


a = c.substring(x,x+1)


或 a = c.substr(x,1)



此时可用 a = c.charAt(x) 来替代。



数字类型判断方法

判断变量 a 是否为数字,通常采用以下方法,目前尚未发现更简化的写法:


if(a==parseInt(a+"")){}


或 if(!isNaN(a)){}


此处省略扩展内容,因涉及情况较多,仅列出三个简化版函数示例:



[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]



[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]


<html><head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>魔王立江</title> <style> body{margin:5 0} table{border-collapse:collapse} body,td{font-size:12px;cursor:default} a:link,a:visited{color:#006600;text-decoration:none} a:hover {color:#9900FF;text-decoration:underline} </style></head> <body>  </body></html>

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]


  

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]


作者最新文章