js开发中常用技巧

来自:http://www.cnblogs.com/jone-chen/p/5897829.html1、获取指定范围内的随机数
1
2
3
function getRadomNum(min,max){
    return  Math.floor(Math.random() * (max - min + 1)) + min;
}
2、随机获取数组中的元素
1
2
3
4
function getRadomFromArr(arr){
    return arr[Math.floor(Math.random()*arr.length)];
}

3、生成从0到指定值的数字数组
1
2
3
4
5
function getArray(len) {
    var arr = [],i = 1;
    for (; arr.push(i++) < len;);
    console.log(arr)
}
等同于:

1
2
3
4
5
6
7
function getArray(len) {
    var arr = [],i = 1;
    for (; i < len; i++) {
        arr.push(i)
    }
    console.log(arr)
}
4、打乱数字数组的顺序
1
2
3
4
var arr = [1, 2, 3, 4, 5, 6, 7, ‘a‘, ‘dsfs‘, 8, 9, ‘v‘];
arr.sort(function() {
    return Math.random() - 0.5
});
5、对象转换为数组
1
2
3
4
5
6
7
8
9
10
11
12
13
14
//注意对象必须是以下格式的才可以通过此方式转化为数组
//获取的DOM集合,以及函数的arguments也可以通过此方式转化为数组
var obj = {
    0: ‘qian‘,
    1: ‘long‘,
    2: ‘chu‘,
    3: ‘tian‘,
    length: 4

}
var objArr = Array.prototype.slice.call(obj);
// var objArr = [].slice.call(obj);
// var objArr = Array.prototype.slice.apply(obj);
console.log(objArr)
6、验证是否为数组
1
2
3
function isArray(obj) {
    return Object.prototype.toString.call(obj) === ‘[object Array]‘;
}
7、获取数组中最大或者最小值
1
2
3
4
5
6
function maxAndMin(arr){
    return {
       max:Math.max.apply(null,arr.join(‘,‘).split(‘,‘)),
       min:Math.min.apply(null,arr.join(‘,‘).split(‘,‘))
    }
}
8、清空数组
1
2
3
4
5
6
7
8
9
10
11
//方式一 通过将长度设置为0
var arr = [1, 2, 3, 4, 5];
arr.length = 0;

//方式二 通过splice方法
var arr = [1, 2, 3, 4, 5];
arr.splice(0, arr.length);

//方式三 通过将空数组 [] 赋值给数组(严格意义来说这只是将ary重新赋值为空数组,之前的数组如果没有引用在指向它将等待垃圾回收。)
var arr = [1, 2, 3, 4, 5];
arr = [];
9、保留指定小数位
1
2
var num =4.345678;
num = num.toFixed(4);  // 4.3457 第四位小数位以四舍五入计算
10、生成指定长度的随机字母数字字符串
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
// 生成指定长度的随机字母数字字符串
/*写法一
function getRandomStr(len) {
    var str = "";
    for (; str.length < len; str += Math.random().toString(36).substr(2));
    return str.substr(0, len);
}
写法二
function getRandomStr(len) {
    var str = "";
    for (; str.length < len;) {
        str += Math.random().toString(36).substr(2);
    }
    return str.substr(0, len);
}*/
/*写法三*/
function getRandomStr(len) {
    for (var str = ‘‘; str.length < len; str += Math.random().toString(36).substr(2));
    return str.substr(0, len)
}
11、找出数组中出现次数最的元素,并给出其出现过的位置
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
function getMaxAndIndex(arr) {
    var obj = {};
    arr.forEach(function(item, index) {
        if (!obj[item]) {
            obj[item] = {
                indexs: [index]
            }
        } else {
            obj[item][‘indexs‘].push(index);
        }
    });
    var num = 0; //记录出现次数最大值
    var str = ‘‘; //记录出现次数最多的字符
    var reArr; //返回最大值的位置数组
    for (var attr in obj) {
        var temp = obj[attr][‘indexs‘];
        if (temp.length > num) {
            num = temp.length;
            str = attr;
            reArr = temp;
        }
    }
    return {
        maxStr: str,
        indexs: reArr
    }
}

  

时间: 2024-08-09 13:34:56

js开发中常用技巧的相关文章

Js开发中常用的技巧(上)

Js开发中常用的技巧 1.首次为变量赋值时务必使用var关键字 变量没有声明而直接赋值得话,默认会作为一个新的全局变量,要尽量避免使用全局变量.很显然,全局变量的搜索要比局部变量慢得多:这样就是很多像jQuery等js类库,将window作为入参传入的原因之一. 2.使用===取代== ==和!=操作符会在需要的情况下自动转换数据类型.但===和!==不会,它们会同时比较值和数据类型,这也使得它们要比==和!=快.(两个之间的区别,详见博主的博客). 3.underfined.null.0.fa

JS开发中常用的小技巧

1.获取指定范围内的随机数 function getRadomNum(min,max){ return Math.floor(Math.random() * (max - min + 1)) + min; } 2.随机获取数组中的元素 function getRadomFromArr(arr){ return arr[Math.floor(Math.random()*arr.length)]; } 3.生成从0到指定值的数字数组 function getArray(len) { var arr

web开发中常用的js

将自己在web开发中经常用到的一些JS总结一下. 1.修改标签和表单的值 修改标签的值: var customer = document.getElementById("custm" ).innerHTML; alert(customer); document.getElementById( "custm").innerHTML = "name" 修改控件(input)的值: var userName = document.getElementB

iOS开发中的技巧, 注意事项

以后开发中常用的知识和小技巧: 需要掌握的第三方框架: 网络请求类:AFNetworking(必须).ASIHTTPRequest(和可能会用到,尽量掌握) 图片加载类:SD WebImage(必须) 数据库:FMDB 瀑布流:第三方和系统自带的.PS:系统自带的瀑布流只支持iOS6或者以上系统 抽屉效果:有多个如:MMDrawerController 下拉刷新:第三方和系统自带的,PS:系统自带的UIRefreshControl只支持iOS6或者以上系统 UIWebView主要是于JS的交互

在移动开发中常用的开源库总结

1.为什么需要开源库? 我个人觉得有以下几个原因: 1>我们的项目比较赶,但是又用到一些比较复杂的模块,这些模块不是系统自带的,或者说系统自带的满足不了需求,同时在一些开源网站上面又有类似的或者是满足我哦们需求的开源项目和库,拿来就可以减少我们很多的工作量. 2>开源库从另外一方面来说就是为了提高代码的重用性,大家使用了这个开源库,然后提交一些bug,通过大家的力量完善这个开源项目. 2.我常用的开源库? 我使用的一些开源项目主要都是在github上面很热门的项目: 图片加载:Android-

项目开发中常用的PHP函数

日期操作 为了便于存储.比较和传递,我们通常需要使用strtotime()函数将日期转换成UNIX时间戳,只有在显示给用户看的时候才使用date()函数将日期转换成常用的时间格式. strtotime()  函数将任何英文文本的日期时间描述解析为 Unix 时间戳 eg: <?php echo(strtotime("now")); echo(strtotime("3 October 2005")); echo(strtotime("+5 hours&

前端开发中常用的几种图片格式及其使用规范

在介绍图片格式之前,首先说一些额外的东西. 矢量图与位图. 矢量图是通过组成图形的一些基本元素,如点.线.面,边框,填充色等信息通过计算的方式来显示图形的.一般来说矢量图表示的是几何图形,文件相对较小,并且放大缩小不会失真. 这里有一点要注意的是web开发中用到的图片都不是矢量图,即使是一个三角形,只有一个边框,都是位图. 那么矢量图在哪里有用到呢? 我目前的知识池就知道一个图标字体,比如 font-awesome 目前在前端的开发中常用的图片格式有三种:jpg,png,gif.这些都是位图.

c++实现游戏开发中常用的对象池(含源码)

c++实现游戏开发中常用的对象池(含源码) little_stupid_child2017-01-06上传 对象池的五要素: 1.对象集合 2.未使用对象索引集合 3.已使用对象索引集合 4.当前使用量 5.最大使用量 http://download.csdn.net/download/little_stupid_child/9730912

开发中常用Fel的写法

直接看代码吧: package javademo; import java.util.HashMap;import java.util.Map; import com.greenpineyu.fel.Expression;import com.greenpineyu.fel.FelEngine;import com.greenpineyu.fel.FelEngineImpl;import com.greenpineyu.fel.context.FelContext;import com.gree