js技巧总结

很早以前看到的代码,同时加上一些我在项目中用到的代码,感觉很实用,在这里记录下来,怕忘记了,有些代码忘记在哪看到的了,所以就不贴网址了,感谢各位大神的分享!如果有其他的好的方法,欢迎留言~

1、取整的同时转成数值型
‘10.56‘|0 结果:10
‘10.56‘^0 结果:10
‘-2.23‘|0 结果“-2

2、日期类型数值转换

var d = new Date();结果:Wed Sep 14 2016 15:13:56 GMT+0800 (中国标准时间)
var d = +new Date();结果:1473837182772
var d = new Date().getTime();结果:1473837182772

3、漂亮的随机代码

Math.random().toString(16).substring(2); //14位
Math.random().toString(36).substring(2); //11位

4、合并数组

var a =[1,2,3],b=[4,5,6];
Array.prototype.push.apply(a,b);//[1,2,3,4,5,6];

5、用0补全位数

function prefixInteger(num,length){
    return (num/Math.pow(10,length)).toFixed(length).substr(2);
}

//prefixInteger(1,2);//01

6、交换值

var  a="1",b="2";
a=[b,b=a][0];
//a:2,b:1;

7、删除数组元素

var  arr=["a","b","c","d"];
var bIndex = 1;
var bArr = arr.splice(bIndex,1);//[‘b‘];
console.log(arr);//["a","c",""d];

8、获取最大值和最小值

 Math.max.apply(Math,[1,2,3]);//3
 Math.min.apply(Math,[1,2,3]);//1

9、拷贝数组

var items = ["a","b","c"];
var len = items.length,
    itemsCopy = [],
    i;
// bad
for (i = 0; i < len; i++) {
  itemsCopy[i] = items[i];
}
// good
itemsCopy = items.slice();//["a", "b", "c"]

10、日常中true、false判断

对象 被计算为 true
Undefined 被计算为 false
Null 被计算为 false
布尔值 被计算为 布尔的值
数字 如果是 +0, -0, or NaN 被计算为 false , 否则为 true
字符串 如果是空字符串 ‘‘ 则被计算为 false, 否则为 true

11、获取今天的0点:0分:0秒和23点:59分:59秒

var today = new Date();
var startDay = today.setHours(0,0,0);
var endDay = today.setHours(23,59,59);
时间: 2024-10-11 06:11:43

js技巧总结的相关文章

冷门JS技巧

前端已经被玩儿坏了!像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了,像用||操作符给变量赋默认值也是人尽皆知的旧闻了,今天看到Quora上一个帖子,瞬间又GET了好多前端技能,一些属于技巧,一些则是闻所未闻的冷知识,一时间还消化不过来.现分类整理出来分享给大家,也补充了一些平时的积累和扩展了一些内容. HTML篇 浏览器地址栏运行JavaScript代码 这个很多人应该还是知道的,在浏览器地址栏可以直接运行JavaScript代码,做法是以javascript:开

js技巧--转义符&quot;\&quot;的妙用

js技巧--转义符"\"的妙用 // blueDestiny, never-online // blueDestiny [at] 126.com 通常,我们在动态给定一个container的innerHTML时,通常是样做的: <div id="divc" /> <SCRIPT LANGUAGE="JavaScript"> var div = document.getElementById("divc"

提升开发幸福感的10条JS技巧

总结一些能够提高开发效率的JS技巧,这些技巧很实用,觉得挺好,想推荐给大家,所以有了这篇文章. 生成随机UID const genUid = () => { var length = 20 var soupLength = genUid.soup_.length var id = [] for (var i = 0; i < length; i++) { id[i] = genUid.soup_.charAt(Math.random() * soupLength) } return id.jo

转载:冷门js技巧

前端已经被玩儿坏了!像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了,像用||操作符给变量赋默认值也是人尽皆知的旧闻了,今天看到Quora上一个帖子,瞬间又GET了好多前端技能,一些属于技巧,一些则是闻所未闻的冷知识,一时间还消化不过来.现分类整理出来分享给大家,也补充了一些平时的积累和扩展了一些内容. HTML篇 浏览器地址栏运行JavaScript代码 这个很多人应该还是知道的,在浏览器地址栏可以直接运行JavaScript代码,做法是以javascript:开

7个有用的JS技巧

就如其他的编程语言一样,JavaScript也具有许多技巧来完成简单和困难的任务. 一些技巧已广为人知,而有一些技巧也会让你耳目一新. 让我们来看看今天可以开始使用的七个JavaScript技巧吧! 数组去重 使用ES6全新的数据结构即可简单实现. var j = [...new Set([1, 2, 3, 3])] 输出: [1, 2, 3] Set的详细用法可以查看ES6入门 数组和布尔值 当数组需要快速过滤掉一些为false的值(0,undefined,false等)使,一般是这样写: m

200多个js技巧代码

1.文本框焦点问题 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后,产生该文件 Onchange:当文字值改变时,产生该事件 Onselect:当文字加亮后,产生该文件 <input type="text" value="mm" onfocus="if(value=='mm) {value=''}" onblur="if (value=='') {value='mm'}">点击时文字消失

js 技巧整理

1.动态脚本元素 var script = document.createElement('script'); script.type = 'text/javascript'; script.onload = function(){//非IE alert('script loaded'); }; script.onreadystatechange = function(){//IE if(script.readyState == 'loaded' || script.readyState ==

常用JS技巧[转]

作者:72妃 事件源对象 1 event.srcElement.tagName 2 event.srcElement.type 捕获释放 1 event.srcElement.setCapture(); 2 event.srcElement.releaseCapture(); 事件按键 1 event.keyCode 2 event.shiftKey 3 event.altKey 4 event.ctrlKey 事件返回值 1 event.returnValue 鼠标位置 1 event.x 2

js 技巧 (六)JavaScript[对象.属性]集锦

JavaScript[对象.属性]集锦 SCRIPT 标记 用于包含javascript代码. 语法 属性 LANGUAGE 定义脚本语言 SRC 定义一个URL用以指定以.JS结尾的文件 windows对象 每个HTML文档的顶层对象. 属性 frames[] 子桢数组.每个子桢数组按源文档中定义的顺序存放. feames.length 子桢个数. self 当前窗口. parent 父窗口(当前窗口是中一个子窗口). top 顶层窗口(是所有可见窗口的父窗口). status 浏览器状态窗口

js 技巧 (五)

//设置光标位置 function getCaret(textbox) { var control = document.activeElement; textbox.focus(); var rang = document.selection.createRange();   rang.setEndPoint("StartToStart",textbox.createTextRange()) control.focus(); return rang.text.length; } fu