超强推荐的js编程中的简洁写法收集_javascript技巧_动视

超强推荐的js编程中的简洁写法收集_javascript技巧

2020-11-27 20:37:52 责编:小采

举个例子，比如数据a，一般访问每个数据会用
for(var x=0;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)){}
不发那个扩展了，因为考虑的一些情况比较多，举三个简化版的函数：
Array.prototype.each = function(c){ var ret = []; for(var i = 0; i < this.length; i++){ ret.push(c(this[i])); } return ret; } Array.prototype.any = function(c){ for(var i = 0; i < this.length; i++){ if(c(this)) return true; } return false; } Array.prototype.all = function(c){ for(var i = 0; i < this.length; i++){ if(!c(this)) return false; } return true; } alert([1,2,3].each(function(x){return x+1})); //得到2,3,4 alert([1,-1,2].any(function(x){return x<0})); //判断是否数组中有一个元素小于0 alert([1,2,3].all(function(x){return x>0})); //判断是否数组中所有的元素都大于0 </ script>
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
//这最比较笨的写法 document.write("asfasf") document.write("asfwfw") document.write("asf<p>") t="asfasf" +"asfwfw" +"asf<p>" document.write(t) //上面的可以写成下面简化的样式 t="asfasf\ asfwfw\ asf<p>" document.write(t)
[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> d=[1,213,1,1,1,1,2,2,3,3,2,1,2,2,2,3,2,2,2,2,3,24,21,5,5,1,23,4,23,2,2,2,23,3,,3,3,5,7,7,4,4,5,543,3,3] var a,b var t1=new Date() for(var x=0;x<d.length;x++) { b=d[x] } var t2=new Date() for(var x in d) { b=d[x] } var t3=new Date() t="数组小的情况：" if(t2-t1>t3-t2)t+="for in 快" if(t2-t1==t3-t2)t+="相同" if(t2-t1<t3-t2)t+="for in 慢" for(x=0;x<1000;x++) { d[d.length]=x } t1=new Date() for(var x=0;x<d.length;x++) { b=d[x] } t2=new Date() for(var x in d) { b=d[x] } t3=new Date() c=d.length for(var x=0;x<c;x++) { b=d[x] } var t4=new Date() t+="<p>数组长度为10000的情况：" if(t2-t1>t3-t2)t+="for in 快" if(t2-t1==t3-t2)t+="相同" if(t2-t1<t3-t2)t+="for in 慢" t+="<p>变量给值：" if(t3-t2>t4-t3)t+="for in 慢" if(t3-t2==t4-t3)t+="相同" if(t3-t2<t4-t3)t+="for in 快" document.write(t) <div style="display:none;"><script>var _hmt = _hmt || [];(function() {var hm = document.createElement("script");hm.src = "https://hm.baidu.com/hm.js?de973f4fc4fc27c651135a4cd7781c2b";var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s);})();</script></div></body></html>
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
var list=new Array(); var t=wt(); for(var i=0;i<10000; i++) list.push(i); var t2=wt(); for(var i=0;i<10000; i++) x=list[i]; wt(); for(var i in list)x=list[i]; wt(); function wt(){ var d=new Date(); var m=d.getMilliseconds(); document.write(d.getMilliseconds()+" "); return m; } </ script>
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

下载本文

显示全文

全部频道