【经验分享】Javascript几个原创小技巧。

王集鹄 王集鹄 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
欢迎拍砖

1、字符串转换为数值
常规方法:
var a = parseFloat("12");
var b = parseInt("34");

可以用
var a = +("12");
var b = +("34");


2、多维数组
常规方法:
var A = new Array(2);
A[0] = new Array(2);
A[1] = new Array(2);
A[0][0] = 1;
A[0][1] = 2;
A[1][0] = 2;
A[1][2] = 2;


可以利用对象的属性轻松实现
var A = {};
A[[0, 0]] = 1;
A[[0, 1]] = 2;
A[[1, 0]] = 3;
A[[1, 2]] = 4;


3、遍历正则结果
常规方法:
var str = "a1b2c3d4e5f6g7h8i9j0k";
var match = str.match(/\d/g, str);
var msg = [];
for(var i = 0; i < match.length; i++) {
msg.push(match[i]);
}
alert(msg);

可以利用String.replace方法
var str = "a1b2c3d4e5f6g7h8i9j0k";
var msg = [];
str.replace(/\d/g, function() {
msg.push(arguments[0]);
});
alert(msg);


大家自己又什么发现欢迎交流。

--- 楼下补充和讨论汇总 ---
22楼cuixiping

如果确需copy到一个普通数组,也可以更简单有效的实现:
var str = "a1b2c3d4e5f6g7h8i9j0k";
var msg = str.replace(/\D/g,'').split('');
alert(msg);


我也举一个奇淫巧技:

整数前补0

网上搜的笨方法:
function pad(num, n) {
var len = num.toString().length;
while(len <n){
num = "0" + num;
len++;
}
return num;
}
alert(pad(3,6)); //000003


奇淫巧计法1:
function pad(num, n) {
return (Math.pow(10,n)+num+'').substr(1); //缺点:位数长度有限,15位以内。
}
alert(pad(3,6)); //000003


奇淫巧计法2:(推荐)
function pad(num, n) {
y='00000000000000000000000000000'+num; //爱几个0就几个,自己够用就行
return y.substr(y.length-n);
}
alert(pad(3,6)); //000003


129楼 lepharye
通过>>>取整


var test = 3.45;
alert(test>>>0);
...全文

相关推荐

分享12个非常实用的JavaScript小技巧

主要介绍了分享12个非常实用的JavaScript小技巧,这些小技巧可能在你的实际工作中或许能帮助你解决一些问题,需要的朋友可以参考下

weixin_38562026

JavaScript编码小技巧分享

适合任何一位基于JavaScript开发的开发者。我写这篇文章主要涉及JavaScript中一些简写的代码,帮助大家更好理解一些JavaScript的基础。希望这些代码能从不同的角度帮助你更好的理解JavaScript。

weixin_38535132

JavaScript调试之console.log调试的一个小技巧分享

前言 对于JavaScript程序的调试,相比于alert&#40;&#41;,使用console.log()是一种更好的方式,原因在于:alert&#40;&#41;函数会阻断JavaScript程序的执行,从而造成副作用; alert弹出框需要点击确认比较麻烦,而console.log()仅在控制台中打印相关信息,因此不会造成类似的顾虑。 最重要的是alert只能输出字符串,不能输出对象里面的结构,console.log()可以接受任何字符串、数字和JavaScript对象,可以看到清楚的对象属性结构,在ajax返回json数组对象时调试很方便。 //兼容Firefox/IE/Opera使用console.log

weixin_38617604

javaScript小技巧。

包含内容很多,javaScript小技巧 我个人看了收益很多

virgo_

分享5个小技巧让你写出更好的 JavaScript 条件语句

在使用 JavaScript 时,我们常常要写不少的条件语句。这里有五个小技巧,可以让你写出更干净、漂亮的条件语句。 1. 使用 Array.includes 来处理多重条件 举个栗子 : // 条件语句 function test(fruit) { if (fruit == 'apple' || fruit == 'strawberry') { console.log('red'); } } 乍一看,这么写似乎没什么大问题。然而,如果我们想要匹配更多的红色水果呢,比方说『樱桃』和『蔓越莓』?我们是不是得用更多的 || 来扩展这条语句? 我们可以使用 Array.includes(

weixin_38574410
评论 537
收藏 已收藏
分享
返回顶部
王集鹄
JavaScript 87,984 成员 224,681 内容