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基础(常用方法小结)的更多相关文章

  1. JS基础部分小结

    [使用js的三种方式] 1.HTML标签中内嵌JS(不提倡使用) 2.HTML页面中直接使用JS <script type="text/javascript"> JS代 ...

  2. JS基础内容小结(基础)(一)

    字符串的各类方法 str.charAt(1); 从第0个开始计算获取第一个子符串,如str=‘你好吗’获取到‘好’ str.charCodeAt(1); 获取对应字符串的编码数字:从第0个开始计算 S ...

  3. JS基础内容小结(event 鼠标键盘事件)(三)

    var ev=ev||event 兼容性处理 得到焦点为 onfocus 失去焦点 onblur return false能阻止部分函数的执行 obj.select 选择指定元素里的文本内容 ———— ...

  4. JS基础内容小结(DOM&&BOM)(二)

    元素.childNodes:只读 属性 子节点列表集合 元素.nodeType:只读 属性 当前元素下的节点类型 元素.attributes : 只读 属性 属性列表集合 元素.children: 只 ...

  5. JS基础--函数与BOM、DOM操作、JS中的事件以及内置对象

       前   言 絮叨絮叨 这里是JS基础知识集中讲解的第三篇,也是最后一篇,三篇JS的基础,大多是知识的罗列,并没有涉及更难得东西,干货满满!看完这一篇后,相信许多正在像我一样正处于初级阶段的同学, ...

  6. JS基础学习1

    1 JS 概述 一个完整的javascript实现是由以下3个不同部分组成的: (1)     核心(ECMAscript) (2)     文档对象模型(DOM)  Document object ...

  7. JS基础概念

    JS基础概念 1. 算法及流程图 算法类型:1.算数算法:2.事务性算法(解决某个问题的方法和先后顺序). JS语法概述 1. 引入JS的方法 1.用<script src="&quo ...

  8. 原生JS 基础总结

    0. 好习惯 分号 ; 花括号 {}, var 弄清楚 null , undefined 区别 , isNaN, === 与 == 区别 1. prompt , confirm , alert 不同框 ...

  9. js基础 js自执行函数、调用递归函数、圆括号运算符、函数声明的提升 js 布尔值 ASP.NET MVC中设置跨域

    js基础 目录 javascript基础 ESMAScript数据类型 DOM JS常用方法 回到顶部 javascript基础 常说的js包括三个部分:dom(文档document).bom(浏览器 ...

  10. JS基础-该如何理解原型、原型链?

    JS的原型.原型链一直是比较难理解的内容,不少初学者甚至有一定经验的老鸟都不一定能完全说清楚,更多的"很可能"是一知半解,而这部分内容又是JS的核心内容,想要技术进阶的话肯定不能对 ...

随机推荐

  1. TCP三次握手与防火墙规则

    一个(tct)socket连接需要在客户端与服务端开启一个隧道,客户端提供一个端口(new时可指定,也可不指定,随机),服务端的端口和地址一定要指定.在win下,服务端创建监听端口时,防火墙会提示阻止 ...

  2. Delphi iOS & macOS App 名称支持国际化多语显示

    作用:在 OSX 图标下方显示 App 中文繁体或简体的名称(系统自动选取) 适用:XE7, XE8 for OSX 操作: 创建一个新工程. 在工程目录下创建二个文件夹(zh_??.lproj)文件 ...

  3. EF修改model自动更新数据库

    最近用MVC+EF学习时遇到修改model后而数据库没更新报错,就在网上找关于数据迁移自动更新数据库的,折腾了大半天终于弄了出来 第一步:在程序包管理器控制台里: Enable-Migrations ...

  4. ML.NET 0.9 版本发布---.net下的机器学习引擎

    欢迎来到 2019年!在过去的9个月里, 我们一直在为ML.NET添加新的特征和改进相关功能.在提交1.0版本之前,我们将专注于包的整体稳定性并对API进行不断优化, 扩大测试的覆盖面并对开发文档进行 ...

  5. Data Base Oracle 常用命令

    Data Base  Oracle 常用命令 1.登录:(不需要密码,属于管理员权限) conn /as sysdba; 2.查看数据库存储位置: select name from v$datafil ...

  6. Spring Cloud使用总结

    本文来自网易云社区,转载务必请注明出处. Spring Cloud 是spring团队推出的基于SpringBoot的分布式微服务框架,为开发者提供了在分布式系统(如配置管理.服务发现.断路器.智能路 ...

  7. linux命令之系统管理命令(下)

    1.chkconfig:管理开机服务 该命令为linux系统中的系统服务管理工具,可以查询和更新不同的运行等级下系统服务的启动状态. 选项 说明 --list(常用) 显示不同运行级别下服务的启动状态 ...

  8. Linux centos 7安装

    Linux 安装 本章节我们将为大家介绍Linux的安装. 本章节以 centos6.4 为例. centos 下载地址: 可以去官网下载最新版本:https://www.centos.org/dow ...

  9. C++默认构造函数的问题

    C++ defaul construct :缺省构造函数(默认构造函数) 定义:第一种   构造函数没有参数,即是 A()形式的 第二种   构造函数的全部参数由缺省值提供,A(int a=0,int ...

  10. 某个js插件没有执行

    今天遇到一个奇怪的问题,bootstrap-table插件根本没有执行.后来发现用于执行bootstrap启动的js文件出错.导致这个不能顺利执行错误js中的程序.一般导致插件不能顺利执行有两个原因. ...