zoukankan      html  css  js  c++  java
  • Javascript 数组 数字 字符串 时间等使用

    1.Javascript 数组API
    
    1.  //定义数组  
    
    2.          var pageIds = new Array();  
    
    3.          pageIds.push('A');  
    
    5.          数组长度  
    
    6.          pageIds.length;  
    
    8.  //shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined   
    
    9.  var a = [1,2,3,4,5];   
    
    10.var b = a.shift(); //a:[2,3,4,5]   b:1   
    
    12.//unshift:将参数添加到原数组开头,并返回数组的长度   
    
    13.var a = [1,2,3,4,5];   
    
    14.var b = a.unshift(-2,-1); //a:[-2,-1,1,2,3,4,5]   b:7   
    
    15.//注:在IE6.0下测试返回值总为undefined,FF2.0下测试返回值为7,所以这个方法的返回值不可靠,需要用返回值时可用splice代替本方法来使用。
    
    17.//pop:删除原数组最后一项,并返回删除元素的值;如果数组为空则返回undefined   
    
    18.var a = [1,2,3,4,5];   
    
    19.var b = a.pop(); //a:[1,2,3,4]   b:5   
    
    21.//push:将参数添加到原数组末尾,并返回数组的长度   
    
    22.var a = [1,2,3,4,5];   
    
    23.var b = a.push(6,7); //a:[1,2,3,4,5,6,7]   b:7     
    
    25.//concat:返回一个新数组,是将参数添加到原数组中构成的   
    
    26.var a = [1,2,3,4,5];   
    
    27.var b = a.concat(6,7); //a:[1,2,3,4,5]   b:[1,2,3,4,5,6,7]   
    
    29.//splice(start,deleteCount,val1,val2,):从start位置开始删除deleteCount项,并从该位置起插入val1,val2,   
    
    30.var a = [1,2,3,4,5];   
    
    31.var b = a.splice(2,2,7,8,9); //a:[1,2,7,8,9,5]   b:[3,4]   
    
    32.var b = a.splice(0,1); //同shift   
    
    33.a.splice(0,0,-2,-1); var b = a.length; //同unshift   
    
    34.var b = a.splice(a.length-1,1); //同pop   
    
    35.a.splice(a.length,0,6,7); var b = a.length; //同push    
    
    37.//reverse:将数组反序   
    
    38.var a = [1,2,3,4,5];   
    
    39.var b = a.reverse(); //a:[5,4,3,2,1]   b:[5,4,3,2,1]    
    
    41.//sort(orderfunction):按指定的参数对数组进行排序   
    
    42.var a = [1,2,3,4,5];   
    
    43.var b = a.sort(); //a:[1,2,3,4,5]   b:[1,2,3,4,5]   
    
    45.//slice(start,end):返回从原数组中指定开始下标到结束下标之间的项组成的新数组   
    
    46.var a = [1,2,3,4,5];   
    
    47.var b = a.slice(2,5); //a:[1,2,3,4,5]   b:[3,4,5]   
    
    49.//join(separator):将数组的元素组起一个字符串,以separator为分隔符,省略的话则用默认用逗号为分隔符   
    
    50.var a = [1,2,3,4,5];   
    
    51.var b = a.join("|"); //a:[1,2,3,4,5]   b:"1|2|3|4|5"   
    
    
    2.Dom最常用的API
    
    1.  document方法:   
    
    2.  getElementById(id) Node 返回指定结点的引用   
    
    3.  getElementsByTagName(name) NodeList 返回文档中所有匹配的元素的集合   
    
    4.  createElement(name) Node Node   
    
    5.  createTextNode(text) Node 创建一个纯文本结点   
    
    6.  ownerDocument Document 指向这个节点所属的文档   
    
    7.  documentElement Node 返回html节点   
    
    8.  document.body Node 返回body节点     
    
    10.element方法:   
    
    11.getAttribute(attributeName) String 返回指定属性的值   
    
    12.setAttribute(attributeName,value) String 给属性赋值   
    
    13.removeAttribute(attributeName) String 移除指定属性和它的值   
    
    14.getElementsByTagName(name) NodeList 返回结点内所有匹配的元素的集合    
    
    16.node方法:   
    
    17.appendChild(child) Node 给指定结点添加一个新的子结点   
    
    18.removeChild(child) Node 移除指定结点的子结点   
    
    19.replaceChild(newChild,oldChild) Node 替换指定结点的子结点   
    
    20.insertBefore(newChild,refChild) Node 在同一层级的结点前面插入新结点   
    
    21.hasChildNodes() Boolean 如果结点有子结点则返回true    
    
    23.node属性:   
    
    24.nodeName String 以字符串的格式存放结点的名称   
    
    25.nodeType String 以整型数据格式存放结点的类型   
    
    26.nodeValue String 以可用的格式存放结点的值   
    
    27.parentNode Node 指向结点的父结点的引用   
    
    28.childNodes NodeList 指向子结点的引用的集合   
    
    29.firstChild Node 指向子结点结合中的第一个子结点的引用   
    
    30.lastChild Node 指向子结点结合中的最后一个子结点的引用   
    
    31.previousSibling Node 指向前一个兄弟节点;如果这个节点就是兄弟节点,那么该值为null   
    
    32.nextSibling Node 指向后一个兄弟节点;如果这个节点就是兄弟节点,那么该值为null 
    
    
    3.常用的数字函数
    
    1.  ·数字型(Number)   
    
    2.    1.声明   
    
    3.      var i = 1;   
    
    4.      var i = new Number(1);     
    
    6.    2.字符串与数字间的转换   
    
    7.      var i = 1;   
    
    8.      var str = i.toString();     //结果: "1"   
    
    9.      var str = new String(i);    //结果: "1"   
    
    10.    i = parseInt(str);          //结果: 1   
    
    11.    i = parseFloat(str);        //结果: 1         
    
    13.    //注意: parseInt,parseFloat会把一个类似于"32G"的字符串,强制转换成32  
    
    15.  3.判断是否为有效的数字   
    
    16.    var i = 123;  var str = "string";   
    
    17.    if( typeof i == "number" ){ }   //true       
    
    19.    //某些方法(如:parseInt,parseFloat)会返回一个特殊的值NaN(Not a Number)   
    
    20.    //请注意第2点中的[注意],此方法不完全适合判断一个字符串是否是数字型!!   
    
    21.    i = parseInt(str);   
    
    22.    if( isNaN(i) ){ }        
    
    24.  4.数字型比较   
    
    25.    //此知识与[字符串比较]相同    
    
    27.  5.小数转整数   
    
    28.    var f = 1.5;   
    
    29.    var i = Math.round(f);  //结果:2 (四舍五入)   
    
    30.    var i = Math.ceil(f);   //结果:2 (返回大于f的最小整数)   
    
    31.    var i = Math.floor(f);  //结果:1 (返回小于f的最大整数)   
    
    33.  6.格式化显示数字   
    
    34.    var i = 3.14159;       
    
    36.    //格式化为两位小数的浮点数   
    
    37.    var str = i.toFixed(2);     //结果: "3.14"       
    
    39.    //格式化为五位数字的浮点数(从左到右五位数字,不够补零)   
    
    40.    var str = i.toPrecision(5); //结果: "3.1416"   
    
    42.  7.X进制数字的转换   
    
    43.    //不是很懂 -.-   
    
    44.    var i = parseInt("0x1f",16);   
    
    45.    var i = parseInt(i,10);   
    
    46.    var i = parseInt("11010011",2);   
    
    47.  
    
    48.  8.随机数   
    
    49.    //返回0-1之间的任意小数   
    
    50.    var rnd = Math.random();   
    
    51.    //返回0-n之间的任意整数(不包括n)      
    
    52.    var rnd = Math.floor(Math.random() * n) 
    
    
    4.网上收藏的javascript堆栈
    
    1.  function stack(){  
    
    2.        if(this.top==undefined){  
    
    3.        //初始化堆栈的顶部指针和数据存放域  
    
    4.              this.top=0;  
    
    5.              this.unit=new Array();  
    
    6.        }  
    
    7.        this.push=function(pushvalue){  
    
    8.        //定义压入堆栈的方法              
    
    9.              this.unit[this.top]=pushvalue;  
    
    10.            this.top+=1;              
    
    11.      }  
    
    12.      this.readAllElements=function(){  
    
    13.      //定义读取所有数据的方法  
    
    14.            if(this.top==0){  
    
    15.                  alert("当前栈空,无法读取数据");  
    
    16.                  return("");  
    
    17.            }  
    
    18.            var count=0;  
    
    19.            var outStr="";  
    
    20.                          
    
    21.            for(count=0;count<this.top;count++){  
    
    22.                  outStr+=this.unit[count]+",";  
    
    23.            }              
    
    24.            return(outStr);  
    
    25.      }  
    
    26.      this.pop=function(){  
    
    27.      //定义弹出堆栈的方法  
    
    28.            if(this.top==0){  
    
    29.                  alert("当前栈空,无法弹出数据");  
    
    30.                  return("");  
    
    31.            }  
    
    32.            var      popTo=this.unit[this.top-1];  
    
    33.            this.top--;  
    
    34.            return(popTo);  
    
    35.            /* 从堆栈弹出数据,顶部指针减一,不过这里没有做到资源的释放,也 
    
    36.            就是说数据仍然存在于this.unit的数组中,只不过无法访问罢了。目前 
    
    37.            我也没想到好的办法解决。*/  
    
    38.      }  
    
    39.}  
    
    
    5.最常用的javascript日期函数
    
    1.  function stack(){  
    
    2.        if(this.top==undefined){  
    
    3.        //初始化堆栈的顶部指针和数据存放域  
    
    4.              this.top=0;  
    
    5.              this.unit=new Array();  
    
    6.        }  
    
    7.        this.push=function(pushvalue){  
    
    8.        //定义压入堆栈的方法              
    
    9.              this.unit[this.top]=pushvalue;  
    
    10.            this.top+=1;              
    
    11.      }  
    
    12.      this.readAllElements=function(){  
    
    13.      //定义读取所有数据的方法  
    
    14.            if(this.top==0){  
    
    15.                  alert("当前栈空,无法读取数据");  
    
    16.                  return("");  
    
    17.            }  
    
    18.            var count=0;  
    
    19.            var outStr="";  
    
    20.                          
    
    21.            for(count=0;count<this.top;count++){  
    
    22.                  outStr+=this.unit[count]+",";  
    
    23.            }              
    
    24.            return(outStr);  
    
    25.      }  
    
    26.      this.pop=function(){  
    
    27.      //定义弹出堆栈的方法  
    
    28.            if(this.top==0){  
    
    29.                  alert("当前栈空,无法弹出数据");  
    
    30.                  return("");  
    
    31.            }  
    
    32.            var      popTo=this.unit[this.top-1];  
    
    33.            this.top--;  
    
    34.            return(popTo);  
    
    35.            /* 从堆栈弹出数据,顶部指针减一,不过这里没有做到资源的释放,也 
    
    36.            就是说数据仍然存在于this.unit的数组中,只不过无法访问罢了。目前 
    
    37.            我也没想到好的办法解决。*/  
    
    38.      }  
    
    39.}  
    
    6.最常用字符窜函数API
    
    1.  ·字符串(String)   
    
    2.    1.声明   
    
    3.      var myString = new String("Every good boy does fine.");   
    
    4.      var myString = "Every good boy does fine.";   
    
    5.    
    
    6.    2.字符串连接   
    
    7.      var myString = "Every " + "good boy " + "does fine.";   
    
    8.      var myString = "Every ";  myString += "good boy does fine.";   
    
    9.    
    
    10.  3.截取字符串   
    
    11.    //截取第 6 位开始的字符   
    
    12.    var myString = "Every good boy does fine.";   
    
    13.    var section = myString.substring(6);    //结果: "good boy does fine."   
    
    14.      
    
    15.    //截取第 0 位开始至第 10 位为止的字符   
    
    16.    var myString = "Every good boy does fine.";   
    
    17.    var section = myString.substring(0,10); //结果: "Every good"   
    
    18.      
    
    19.    //截取从第 11 位到倒数第 6 位为止的字符   
    
    20.    var myString = "Every good boy does fine.";   
    
    21.    var section = myString.slice(11,-6);    //结果: "boy does"   
    
    22.      
    
    23.    //从第 6 位开始截取长度为 4 的字符   
    
    24.    var myString = "Every good boy does fine.";   
    
    25.    var section = myString.substr(6,4);     //结果: "good"   
    
    26.  
    
    27.  4.转换大小写   
    
    28.    var myString = "Hello";   
    
    29.    var lcString = myString.toLowerCase();  //结果: "hello"   
    
    30.    var ucString = myString.toUpperCase();  //结果: "HELLO"   
    
    31.  
    
    32.  5.字符串比较   
    
    33.    var aString = "Hello!";   
    
    34.    var bString = new String("Hello!");   
    
    35.    if( aString == "Hello!" ){ }    //结果: true   
    
    36.    if( aString == bString ){ }     //结果: true   
    
    37.    if( aString === bString ){ }    //结果: false (两个对象不同,尽管它们的值相同)   
    
    38.  
    
    39.  6.检索字符串   
    
    40.    var myString = "hello everybody.";   
    
    41.    // 如果检索不到会返回-1,检索到的话返回在该串中的起始位置   
    
    42.    if( myString.indexOf("every") > -1 ){ } //结果: true   
    
    43.  
    
    44.  7.查找替换字符串   
    
    45.    var myString = "I is your father.";   
    
    46.    var result = myString.replace("is","am");   //结果: "I am your father."   
    
    47.  
    
    48.  8.特殊字符:   
    
    49.     : 后退符         	 : 水平制表符   
    
    50.    
     : 换行符          : 垂直制表符   
    
    51.     : 分页符         
     : 回车符   
    
    52.    " : 双引号         ' : 单引号   
    
    53.     : 反斜杆   
    
    54.  
    
    55.  9.将字符转换成Unicode编码   
    
    56.    var myString = "hello";   
    
    57.    var code = myString.charCodeAt(3);  //返回"l"的Unicode编码(整型)   
    
    58.    var char = String.fromCharCode(66); //返回Unicode为66的字符   
    
    59.  
    
    60.  10.将字符串转换成URL编码   
    
    61.    var myString = "hello all";   
    
    62.    var code = encodeURI(myString);     //结果: "hello%20all"   
    
    63.    var str = decodeURI(code);          //结果: "hello all"   
    
    64.    //相应的还有:  encodeURIComponent()  decodeURIComponent() 
    

      

  • 相关阅读:
    echarts 使用demo
    frame外弹出,刷新父页面
    table第一行合并,其余行宽度失效问题
    Redis Desktop Manager
    java web中resources路径
    httpclient
    微信公众号开发: 微信接入(一)
    boot 定时器
    maven自定义archetype
    iOS单例宏
  • 原文地址:https://www.cnblogs.com/zhangheliang/p/10875341.html
Copyright © 2011-2022 走看看