1.8 js基础(常用方法小结)
1、获取随机数
var rdm=function(n,m){
return parseInt(n+Math.random()*(m-n));
}
2、位数不够补0
function toDou(inum){
return inum>10?''+inum:'0'+inum;
}
3、获取非行间样式
var getStyle=function(obj,style){
return obj.currentStyle?obj.currentStyle[style]:getComputedStyle(obj,false)[style];
}
4、查找数组中某个元素是否存在
function findInArr(arr,num){
for(var i=0;i<arr.length;i++){
if(arr[i]==num){
return true;
}
}
return false;
}
5、求和
<script>
var getSub=function(){
var re=0;
for(var i=0;i<arguments.length;i++){
re+=arguments[i];
}
return re;
}
alert(getSub(1,2,3,4,5,6)); </script>
6、批量设置样式
<script>
function setStyle(obj,json){
for(var name in json){
obj.style[name]=json[name];
}
}
window.onload=function(){
var oDiv=document.getElementById('box');
oDiv.onclick=function(){
setStyle(oDiv,{'width':'200px','height':'300px'});
}
}
</script>
7、数组去重
<script>
window.onload=function(){
var arr=[12,34,56,34,12,56,78,12,34,56];
/*方法1////////////////////////////////////////////////
var newArr=[];
function isInArr(arr,inum){
for(var i=0;i<arr.length;i++){
if(arr[i]==inum){
return true;
}
}
return false;
} for(var i=0;i<arr.length;i++){
if(!isInArr(newArr,arr[i])){
newArr.push(arr[i]);
}
}
alert(newArr);//12,34,56,78
*/
//方法2////////////////////////////////////////////////////////
var json={};
var newArr=[];
for(var i=0;i<arr.length;i++){
json[arr[i]]=arr[i];//对象中的name是不能重复的。
}
for(var i in json){
newArr.push(json[i]);
}
alert(newArr);//12,34,56,78
//方法3///////////////////////////////////////////////////////////
var arr=[33,1,1,2,2,4,4,5];
arr=arr.sort(function(num1,num2){return num1-num2});
for(var i=0;i<arr.length;i++){
if(arr[i]==arr[i+1]){
arr.splice(i,1);
}
}
alert(arr);
// 方法4////////////////////////////////////////////////////////////////////
var arr=[1,2,1,1,2];
var json={};
var count=0;
for(var i=0;i<arr.length;i++){
if(json[arr[i]]){//有的话则为真,否则为假。
json[arr[i]]++;
}else{
json[arr[i]]=1;
}
}
console.log(json);
/////////////////////////////////////////////////////////////////////////////
<script>
//此时的json可以将数组去重并显示出 var arr=[1,1,1,2,1,1,2,7,7,7,7,4,4,4,];
var json={};
var count=0;
for(var i=0;i<arr.length;i++){
if(json[arr[i]]){//有的话则为真,否则为假。
json[arr[i]]++;
}else{
json[arr[i]]=1;
}
}
//去重并且显示出数组中出现最多次数的元素以及其出现的次数。
var newarr=[];
for(var i in json){
newarr.push({code:i,count:json[i]});
} newarr.sort(function(f1,f2){return f2.count-f1.count});
alert(newarr[0].code+','+newarr[0].count); </script> }
8、urlToJson
function urlToJson(url){
var json={};
var arr=url.split('&');
for(var i=0;i<arr.length;i++){
var arr2=arr[i].split('=');
json[arr2[0]]=arr2[1];
}
return json;
}
9、json2url
function jsonToUrl(json){
var str;
for(var i in json){
str+=i+'='+json[i]+'&';
}
return str.substring(0,str.length-1);
}
1.8 js基础(常用方法小结)的更多相关文章
- JS基础部分小结
[使用js的三种方式] 1.HTML标签中内嵌JS(不提倡使用) 2.HTML页面中直接使用JS <script type="text/javascript"> JS代 ...
- JS基础内容小结(基础)(一)
字符串的各类方法 str.charAt(1); 从第0个开始计算获取第一个子符串,如str=‘你好吗’获取到‘好’ str.charCodeAt(1); 获取对应字符串的编码数字:从第0个开始计算 S ...
- JS基础内容小结(event 鼠标键盘事件)(三)
var ev=ev||event 兼容性处理 得到焦点为 onfocus 失去焦点 onblur return false能阻止部分函数的执行 obj.select 选择指定元素里的文本内容 ———— ...
- JS基础内容小结(DOM&&BOM)(二)
元素.childNodes:只读 属性 子节点列表集合 元素.nodeType:只读 属性 当前元素下的节点类型 元素.attributes : 只读 属性 属性列表集合 元素.children: 只 ...
- JS基础--函数与BOM、DOM操作、JS中的事件以及内置对象
前 言 絮叨絮叨 这里是JS基础知识集中讲解的第三篇,也是最后一篇,三篇JS的基础,大多是知识的罗列,并没有涉及更难得东西,干货满满!看完这一篇后,相信许多正在像我一样正处于初级阶段的同学, ...
- JS基础学习1
1 JS 概述 一个完整的javascript实现是由以下3个不同部分组成的: (1) 核心(ECMAscript) (2) 文档对象模型(DOM) Document object ...
- JS基础概念
JS基础概念 1. 算法及流程图 算法类型:1.算数算法:2.事务性算法(解决某个问题的方法和先后顺序). JS语法概述 1. 引入JS的方法 1.用<script src="&quo ...
- 原生JS 基础总结
0. 好习惯 分号 ; 花括号 {}, var 弄清楚 null , undefined 区别 , isNaN, === 与 == 区别 1. prompt , confirm , alert 不同框 ...
- js基础 js自执行函数、调用递归函数、圆括号运算符、函数声明的提升 js 布尔值 ASP.NET MVC中设置跨域
js基础 目录 javascript基础 ESMAScript数据类型 DOM JS常用方法 回到顶部 javascript基础 常说的js包括三个部分:dom(文档document).bom(浏览器 ...
- JS基础-该如何理解原型、原型链?
JS的原型.原型链一直是比较难理解的内容,不少初学者甚至有一定经验的老鸟都不一定能完全说清楚,更多的"很可能"是一知半解,而这部分内容又是JS的核心内容,想要技术进阶的话肯定不能对 ...
随机推荐
- atan2()如何转换为角度
atan2()如何转换为角度 Math.atan2()函数返回点(x,y)和原点(0,0)之间直线的倾斜角.那么如何计算任意两点间直线的倾斜角呢?只需要将两点x,y坐标分别相减得到一个新的点(x2-x ...
- asp.net core + 前端H5 页面视频站制作尝试
.net core 2.1出来一段时间了,一直关注,前周花了半天时间学习了一下,特制作了一个视频小站(欢迎扫码体验): 页面首页效果如下: 播放页面效果如下: 部分代码: using ENT.IBLL ...
- mongodb高版本与低版本的区别
mongodb高版本与低版本的区别 一.mongodb引擎: Mongodb 3.0支持用户自定义存储引擎,用户可配置使用mmapv1或者wiredTiger存储引擎. 3.2版本以后默认的开启的是w ...
- ng 发生 Error: ELOOP: too many symbolic links encountered...
ng g component components/home 发生如下提示: 由于使用 cnpm install 安装 node_modules 导致这样. 解决办法: 删除 node_modules ...
- Ubuntu16.04中把默认JAVA设置为Oracle的JDK!
系统当中已经存在了OpenJDK,默认的JDK是它,并不是Oracle的JDK,执行下面操作就可以把Oracle的JDK设置为默认的了! 首先假设我们已经把Oracle的JDK安装和配置好了,但是就是 ...
- linux 安装python3.7 报错No module named '_ctypes'
ModuleNotFoundError: No module named '_ctypes' 操作系统:centos yum install libffi-devel ./configure --en ...
- How to Mount a Remote Folder using SSH on Ubuntu
Connecting to a server across the internet is much more secure using SSH. There is a way that you ca ...
- CF666E Forensic Examination(后缀自动机+动态线段树)
题意 给你一个串 $S$ 以及一个字符串数组 $T[1..m]$ , $q$ 次询问,每次问 $S$ 的子串 $S[p_l..p_r]$ 在 $T[l..r]$ 中的哪个串里的出现次数最多,并输出出现 ...
- 列表的操作,元组,range; enumerate
一.列表: 1. 什么是列表 列表是一个可变的数据类型 ,列表由[]来表示, 每一项元素使用逗号隔开. 列表什么都能装. 能装对象的对象. 列表可以装大量的数据 2. 列表的索引和切片 列表和字符串一 ...
- [ActionScript 3.0] 利用ColorTransform实现对象(图片)的曝光过渡效果
原图效果 过渡效果 这个效果可以用帧动画实现较为简单,只需要调节这个影片剪辑的色彩效果样式里面的高级选项的三个通道值,以下用代码简单测试,可作为文档类: package { import com.tw ...