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

原帖:http://topic.csdn.net/u/20100421/16/817ef7c6-6675-49e1-bf39-b4a96c08b41e.html

1、字符串转换为数值

常规方法

Code:
  1. var a = parseFloat("12");  
  2. var b = parseInt("34");  

可以用

Code:
  1. var a = +("12");  
  2. var b = +("34");  

差别:

Code:
  1. parseInt("12px"); // 12  
  2. +("12px"); // NaN  

2、**数组

Code:
  1. var A = new Array(2);  
  2. A[0] = new Array(2);  
  3. A[1] = new Array(2);  
  4. A[0][0] = 1;  
  5. A[0][1] = 2;  
  6. A[1][0] = 3;  
  7. A[1][1] = 4;  
  8. //or  
  9. var A = [[1, 2, 3, 4], [1, 2, 3, 4], [1, 2, 3, 4], [1, 2, 3, 4]];  

可以用

Code:
  1. var A = {};  
  2. A[[0, 0]] = 1;  
  3. A[[0, 1]] = 2;  
  4. A[[1, 0]] = 3;  
  5. A[[1, 2]] = 4;  
  6.   
  7. // 类似  
  8. A["0,0"] = 1;  
  9. A["0,1"] = 2;  
  10.   
  11. // 实例:操作100*100的二维数组  
  12. var A = {};  
  13. for (var x = 0; x < 100; x++)  
  14.     for (var y = 0; y < 100; y++) {  
  15.         A[[x, y]] = x * 100 + y;  
  16.     }  

3、遍历正则匹配

常规方法

Code:
  1. var str = "a1b2c3d4e5f6g7h8i9j0k";  
  2. var match = str.match(//d/g, str);  
  3. var msg = [];  
  4. for(var i = 0; i < match.length; i++) {  
  5.     msg.push(match[i]);  
  6. }  
  7. alert(msg);  

可以利用String.replace方法

Code:
  1. var str = "a1b2c3d4e5f6g7h8i9j0k";  
  2. var msg = [];  
  3. str.replace(//d/g, function() {  
  4.     msg.push(arguments[0]);  
  5. });  
  6. alert(msg);  

单纯处理成数组可以用

Code:
  1. var str = "a1b2c3d4e5f6g7h8i9j0k";  
  2. var msg = str.replace(//D/g,'').split('');  
  3. alert(msg);  

4、字符串前面填充0

Code:
  1. function pad(num, n) {  
  2.   var len = num.toString().length;  
  3.   while(len <n){  
  4.     num = "0" + num;  
  5.     len++;  
  6.   }  
  7.   return num;  
  8. }  
  9. alert(pad(3,6)); //000003  

可以为先给数字前加1再裁减

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

另一种

Code:
  1. unction pad(num, n) {  
  2.    y='00000000000000000000000000000'+num; //爱几个0就几个,自己够用就行  
  3.    return y.substr(y.length-n);  
  4. }  
  5. alert(pad(3,6)); //000003  

处理十六进制原理一样

Code:
  1. var color =0xff10;  
  2. var str = "#" + (Math.pow(16, 6) + color).toString(16).substr(1);  
  3. alert(str);  
  4.   
  5. // 另一种则是使用正则表达式  
  6. var str = "#" + /.{6}$/.exec("00000" + color.toString(16));  
  7. alert(str);  

 

5、取整

Code:
  1. var test = 3.45;  
  2. // 常规方法  
  3. alert(Math.floor(test));  
  4.   
  5. // 可以用无符号位移做到  
  6. alert(test >>> 0);  

请同学们将每一个列子调试一遍,动手练习最重要。

---

有人问我编程有什么法门

我是这样认为的:

1、兴趣最重要,做一件你感兴趣的事情,你会倾尽全力;
2、多动手,多做demo,熟能生巧,通过实践获得认知才够真实和深刻;
3、把你 积累的经验分享出来,一是帮助更多的人少走弯路,另一个是激发自己更上一层,否则你误以为已经掌握了核心技术而止步;
4、编码上要规范、简单,有 标准方法一定用标准方法,能两三句代码就实现的功能不必再次封装,简单而又规范的代码让人接手和自己维护都容易;
5、尽最大可能重用升级自己写过 的代码,代码只有执行的次数越多才会向越稳定的方向发展;
6、用户至上。你所写的代码是为用户服务的,不是为你炫耀技术。如果用户的需求和你编写代码的复杂度冲突,优先满足用户的需求。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 学习 JavaScript 需要从以下几个方面入手: 1. 了解 JavaScript 的基本语法,包括变量、数据类型、运算符、流程控制语句等。 2. 学习 JavaScript 中的函数、数组、对象等常用的数据结构。 3. 了解 JavaScript 中的 DOM(文档对象模型)和 BOM(浏览器对象模型),学会如何使用 JavaScript 操作网页元素。 4. 了解 JavaScript 中的事件处理,学会如何使用 JavaScript 处理网页中的各种事件。 5. 了解 JavaScript 中的 AJAX(异步 JavaScript 和 XML),学会如何使用 JavaScript 实现网页的异步加载。 6. 学习 JavaScript 的高级应用,包括正则表达式、JSON、模块化等。 学习 JavaScript 的方法有很多,你可以选择在线教程、视频课程、书籍或者培训机构进行学习。在学习过程中,认真完成课程练习和自己独立完成一些小项目都是很有帮助的。 ### 回答2: 学习Javascript可以按照以下步骤进行: 1. 了解基础知识:首先,可以通过学习Javascript的基本概念、语法和特性来入门。可以找一本入门教材、在线教程或者观看视频教程来帮助理解。 2. 实践编码:理论知识只是学习的一部分,更重要的是通过实践编码来巩固所学知识。可以选择一些简单的小项目来练习编写Javascript代码,并且要有耐心和毅力。 3. 参考文档和教程:在学习过程中遇到问题时,可以查阅官方文档或者搜索相关问题的教程和解答。W3School、MDN等网站都提供了丰富的Javascript文档和教程。 4. 参与社区和讨论组:加入一些Javascript开发者的社区或者讨论组,与其他开发者交流经验和分享问题。在这些社区中,可以获取到更多关于Javascript的实践经验和技巧。 5. 阅读优秀的代码:阅读其他经验丰富的Javascript开发者的优秀代码,可以从中学习到一些优秀的编码习惯和解决问题的思路。 6. 持续学习和实践:学习Javascript是一个不断迭代的过程,持续学习和实践是必不可少的。跟随最新的Javascript趋势、了解新的开发框架和工具,并积极应用到实际项目中。 总结起来,学习Javascript需要通过学习基础知识、实践编码、参考文档、参与社区、阅读优秀代码以及持续学习和实践等多个方面来提高自己的技能水平。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值