js常使用技巧总结

  • 时间:2018-06-16 23:01 作者:前端侠 来源:前端侠 阅读:137
  • 扫一扫,手机访问
摘要:工作了一段时间,也总结了少量js常使用到的编程技巧。若有不对,欢迎指正。随机获取数组中的元素。var arrays = [1,2,3,4,5];var arrayItem = arrays[ Math.floor( Math.random() * arrays.length ) ];获取指定范围内的

js常使用技巧总结

工作了一段时间,也总结了少量js常使用到的编程技巧。若有不对,欢迎指正。

  1. 随机获取数组中的元素。

    var arrays = [1,2,3,4,5];

    var arrayItem = arrays[ Math.floor( Math.random() * arrays.length ) ];

  2. 获取指定范围内的随机数。

    var x = Math.floor( Math.random() * Max - Min + 1) + min;

  3. 生成随机的字母和数字的字符串。

    function ( stringLength ) {

    var x = "";

    for ( ; x.length

    rerturn x.subStr(0,stringLength);

    }

  4. 生成从0到指定值的数字数组。

    var arrays = [ ], max = 100;

    for(var i=0;arrays.push(i++) < max; );

  5. 验证能否是数字。

    function checkNmuber (n) {

    return !isNaN(parseFloat(n)) &amp;&amp; isFinite(n);

    }

  6. 获取数组中的最大值或者最小值。

    var arrays = [1,2,3,44,55,76,88,23];

    var maxN = Math.max.apply(Math , arrays);

    var minN = Math.min.apply(Math , arrays);

  7. 清空数组。

    var arrays = [1,2,3,4,5];

    arrays.length = 0; // 这时arrays = [ ],由于数组中的length是一个可写的属性。

  8. 用length截断数组。

    var arrays = [1,2,3,4,5];

    arrays.length = 2; // 这时arrays = [1,2],假如赋给数组length的值比原length的值大,数组的长度将会添加,并将undefined作为新添加的元素。

  9. 数组之间的追加。

    var arrays1 = [1,2,3,4,5] , arrays2 = [6,7,8,9,10];

    Array.prototype.push.apply(arrays1,arrays2); //这时array1 = [1,2,3,4,5,6,7,8,9,10];数组的concat方法也能实现数组追加连接。

  10. 验证能否是数组。

    function isArray (obj) {

    return Object.prototype.toString.call(obj) === " [object Array] ";

    }

    // Array.isArray(obj);也能判断能否是数组。


js博大精深,其中的技巧、最佳实践还有很多。作者知道的有限,路过的大神们有哪些好的技巧经验能留言交流。

  • 全部评论(0)
最新发布的资讯信息
【系统环境|】web前端开发需要学习哪些技术(2019-09-17 18:00)
【系统环境|】学习web前端开发是正确的选择(2019-09-15 16:55)
【系统环境|】干货整理!零基础html5网站开发学习步骤方法(保存不后悔)(2019-09-10 16:27)
【系统环境|】「前端入门」前端基本概念(2019-09-07 21:36)
【系统环境|】小白入门学习web前端,这些干货不能少(2019-09-05 20:59)
【系统环境|】不是计算机专业,哪个专业更适合学习web前端(2019-09-03 20:31)
【系统环境|】入行web前端开发可以做什么工作(2019-09-02 20:51)
【系统环境|】什么是Web前端呢?为什么说web前端开发人员的薪资高、前景好呢?(2019-08-31 20:55)
【系统环境|】2019年Web前端开发的8个趋势,你知道几个?(2019-08-29 16:23)
【系统环境|】学习web前端,掌握这些,才有底气跟面试官提薪资(2019-08-28 15:23)
手机二维码手机访问领取大礼包
返回顶部