首頁 > web前端 > js教程 > 介紹javascript-ecma中的幾種封裝函數

介紹javascript-ecma中的幾種封裝函數

伊谢尔伦
發布: 2017-05-21 09:50:42
原創
1515 人瀏覽過

首先先介紹以下的幾種方法:

字串方法:

#str.length str.charAt(i):取字串中的某一個; 

str.indexOf('e');找第一個出現的位置;找不到返回-1; 

str.lastIndexOf('e'):找最後一個e出現的位置;找不到返回-1; 

str.toUpperCase();轉大寫str.toLowerCase();轉小寫str.substring(起始位置,結束位置):字符串連列取; str.split('切割的方式');字串切割;字串轉陣列;


陣列方法:
刪除:arr.splice(開始位置,刪除的個數); 新增:arr.splice(開始的位置[往哪一位的前面新增],0,元素1····);替換:arr.splice(開始位置,刪除的數量,元素1···); arr.sort(function(n1,n2){return n1 - n2}):排序arr.reverse():翻轉arr.push ();在數組後面加上一位; arr.unshift():往數組前面加上一位; arr.pop():從數組的後面刪除一位; arr.shift():從數組的前面刪除一位; arr.join('連接的方式');數組轉字串的方法; arr.concat(arr1,arr2····);數組連接;

數學方法:

Math.random();隨機數; Math.round():四捨五入; Math.ceil()向上取整; Math.floor()向下取整; Math.abs() :取絕對值; Math.max(x,y):求最大數; Math.min(x,y);求最小數; Math.pow(x,y):幾的幾次方; Math.sqrt( ):開平方;

陣列:存多個東西; json:存多個東西; json = { //鍵值對name1[鍵,key]:value1[值,value], name2[鍵,key]:value2[值,value], }

json 與 arr  的差異:

1:length undefined arr.length; 

2:下標 屬性的方式 arr[0]; 

3:順序 沒有順序 有順序; 

4:循環 for in for,while,for in

#for in循環也可以循環數組,但是不建議使用,因為性能略低;

js小特性: 逗號表達式:只看最後一個逗號後面的那個值;

以下是一個透過class取得元素封裝的小函數:

//getByClass(oParent,sClass);//oParent:从哪个父级下面获取;sClass:要获取的是哪个class名字;
function getByClass(oParent,sClass){
    if(oParent.getElementsByClassName){
        return oParent.getElementsByClassName(sClass);
    }else{
        var aEle = oParent.getElementsByTagName('*');
        var arr = [];
        for(var i = 0; i < aEle.length; i++){
            var tmp = aEle[i].className.split(&#39; &#39;);
            if(findInArr(sClass,tmp) == true){
                arr.push(aEle[i]); 
            }
        }
        return arr;
    }
} 
登入後複製

下面再來幾個小案例:

1. 本月一共有多少天

<script>
        var oDate=new Date();
        oDate.setMonth(oDate.getMonth()+1);
        oDate.setDate(0);
        alert(oDate.getDate())
</script>
登入後複製

2. 本月第一天是星期幾

<script>
   var oDate=new Date();
   oDate.setDate(1);
   alert(oDate.getDay());
</script>
登入後複製

3. 九九乘法表

<script>
    document.write(&#39;<table>&#39;);
    for(var i = 1; i <= 9; i++){
        document.write(&#39;<tr>&#39;);
        for(var j = 1; j <= i; j++){
            document.write(&#39;<td>&#39;+i+&#39;*&#39;+j+&#39;=&#39;+i*j+&#39;</td>&#39;);
        }
        document.write(&#39;</tr>&#39;);
    }
    document.write(&#39;</table>&#39;);
</script>
登入後複製

4. json轉換成字串

<script>
    var json={a:12,b:5,c:9,d:6};
    var arr=[];
    for(var name in json){
        arr.push(name+&#39;=&#39;+json[name])
    };
    //alert(arr);
    var str=arr.join(&#39;&&#39;);
    alert(str);
</script>
登入後複製



【相關推薦】

1. 免費js線上影片教學

2. JavaScript中文參考手冊

3. php.cn獨孤九賤(3)-JavaScript影片教學

以上是介紹javascript-ecma中的幾種封裝函數的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板