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的核心内容,想要技术进阶的话肯定不能对 ...
随机推荐
- nginx中级应用
1.安装监控模块 Nginx中的stub_status模块主要用于查看Nginx的一些状态信息. 本模块默认是不会编译进Nginx的,如果你要使用该模块,则要在编译安装Nginx时指定: . /con ...
- Oracle SQl优化总结
对数据库技术的热爱是我唯一的安慰,毕竟这是自己喜欢的事情,还可以做下去. 因为客户项目的需要,我又开始接触Oracle,大部分工作在工作流的优化和业务数据的排查上.为了更好的做这份工作,我有参考过or ...
- CancellationTokenSource 取消任务
using System; using System.Threading; using System.Threading.Tasks; namespace ConsoleApp1 { class Pr ...
- MFC学习(二):消息映射
1. 消息映射表的组成 宏DECLARE_MESSAGE_MAP,用在类的声明中,用来声明消息映射表. 宏BEGIN_MESSAGE_MAP,在使用类声明外,用来定义链接节点和填写链表节点中的数据,其 ...
- ptyhon【递归练习】
- 三、linux基础命令
1.已知/tmp 目录下已经存放了test.txt文件,如何执行命令才能把/mnt/test.txt拷贝到/tmp 下覆盖掉/tmp/test.txt,而让linux系统不提示是否覆盖 答:之所以会出 ...
- 修改cmd默认启动路径
1.打开注册表编辑器(WIN+R打开运行.输入regedit,或者直接找到路径,双击打开C:\Windows\regedit.exe): 2.定位到“HKEY_CURRENT_USER\Softwar ...
- 【lojg152】 乘法逆元 2(数学)
题面 传送门 题解 orz Wa自动机 这是一个可以\(O(n)\)求出\(n\)个数逆元的方案 先把所有的数做一个前缀积,记为\(s_i\) 然后我们用快速幂求出\(s_n\)的逆元,记为\(sv_ ...
- [Swift]复数的表示和四则运算
我们把形如z=a+bi(a,b均为实数)的数称为复数,其中a称为实部,b称为虚部,i称为虚数单位. 当虚部等于零时,这个复数可以视为实数:当z的虚部不等于零时,实部等于零时,常称z为纯虚数. 复数域是 ...
- Ionic——下一代 APP 开发框架
http://www.tuicool.com/articles/iY3ENvY 最近 Facebook React 团队释出了 React Native, 用来构建 Mobile Native 应用. ...