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的核心内容,想要技术进阶的话肯定不能对 ...
随机推荐
- 学习笔记之Struts2—工作原理图
本文以Struts2的官方工作原理图作为主线讲解(参考部分书籍与视频) 1.初始概念 struts2是web.xml进行配置的一个过滤器,当web项目启动的时候,这个过滤器就会生效. 2.web.xm ...
- Win RT Webview获取cookie
方法1: HttpBaseProtocolFilter filter = new HttpBaseProtocolFilter(); var cookis = filter.CookieManager ...
- 【python】@property装饰器
Python内置的@property装饰器可以把类的方法伪装成属性调用的方式.也就是本来是Foo.func()的调用方法,变成Foo.func的方式.在很多场合下,这是一种非常有用的机制. class ...
- 本地连接腾讯云Mysql失败问题
腾讯云主机中MySQL无法远程连接的解决办法 在远程主机上,我开启了 mysql服务,用 phpmyadmin 可以打开,比如说用户名为 root,密码为 123456.不过用 Mysql 客户端远程 ...
- .net core i上 K8S(三)Yaml文件运行.netcore程序
上一章我们通过kubectl run简单运行了一个.netcore网站,但实际的开发中,我们都是通过yaml来实现的. 1.编写yaml文件 关于yaml文件的格式在此就不多描述了,不熟悉的可以去网上 ...
- ES6——介绍
什么是ES6? ECMAScript 6.0 (简称ES6)是继ECMAScript 5.1 之后 JavaScript 语言的下一代标准,发布在2015年6月.他的目标,是使得 JavaScript ...
- Nginx使用
1. 基本使用 分linux和windows版 windows版可以直接双击exe运行,默认配置为80端口,只有两个页面 html目录下为页面.css.js等代码文件 conf目录下为配置文件 主要的 ...
- GridControl中文属性
1 Appearance EmbeddedNavigator 嵌入导航器 (DataBindings) 数据绑定 (Advanced) 高级设置 Tag Text AccessibleDes ...
- RAID 介绍
介绍 磁盘阵列(Redundant Arrays of Independent Disks,RAID),有“独立磁盘构成的具有冗余能力的阵列”之意. 磁盘阵列是由很多价格较便宜的磁盘,组合成一个容量巨 ...
- 线程概要 Java
线程 进程和线程的区别 串行:初期的计算机只能串行执行任务,大量时间等待用户输入 批处理:预先将用户的指令集中成清单,批量串行处理用户指令,仍然无法并发执行 进程:进程独占内存空间,保存各自运行状态, ...