JavaScript基礎筆記二

1、函數返回值
1.什麼是函數返回值
    函數的執行結果
2. 能夠沒有return // 沒有return或者return後面爲空則會返回undefined
3.一個函數應該只返回一種類型的值

2、可變參（不定參）arguments

function sum (a,b)
{
    var result=0;
    var  i=0;
    for(i=0;i<arguments.length;i++)
    {
    result+=arguments(i);
    }
alert(resulet);
}
sum(12,5,7,5,5,6,7,3,7)

案例：取非行間樣式

案例所需知識

由於直接使用style只能獲取定義在行內的樣式，所以取非行間樣式須要用到下面的屬性—獲取計算後的樣式（當前樣式/最終樣式）

currentStyle                //IE下可用，沒法取得複合樣式

GetComputedStyle()    //FF下可用

樣式可分爲：

基本樣式 如：width

複合樣式 如：background   //有color，posiition,repeat,image等屬性

簡單兼容以下：

oDiv=getElementById("div1");

if(oDiv.currentStyle)
  {
      //IE
      alert(oDiv.currentStyle.width);
  }
  else
  {
      //FF
      alert(getComputedStyle(oDiv,false).width);
}

簡單的函數封裝：

function  getStyle(obj,attr)
{
    if(obj.currentStyle)
    {
        return obj.currentStyle[attr];
    }
    else
    {
        return getComputedStyle(obj,false)[attr];
    }
}

3、數組基礎
1.如何定義
方法一 var arr=[1,2,3,4];

方法二 var new Array(1,2,3,4);

無區別通常用方法一代碼短

2.數組的屬性
length
既能夠獲取，又能夠設置
例：快速清空數組：arr.length=0;

3.數組使用原則
數組應該只存一種類型的變量

4、數組經常使用方法
1.添加
push(元素) 尾部添加 arr.push(5)
unshif(元素) 頭部添加

2.刪除
pop() 從尾部彈出
shift() 從頭部彈出

3.排序
sort([比較函數])排序一個數組

(1)排序字符串（默認排序字符串） 

var arr1['small','hello','you','big'];
var arr2[34,100,98,4];
arr1.sort();
arr2.sort();
alert(arr1);
alert(arr2);

結果：big,hello,small,you
        100,34,4,98

(2)排序數字

arr2.sort(function(num1,num2){
 return num1-num2//從小到大，num2-num1
});

結果：4，34，98，100

4.轉換類
(1)concat鏈接數組

var arr1[1,2,3,4];
var arr2[5,6,7,8];

alert(arr1.concat(arr2));

結果：1,2,3,4,5,6,7,8

(2)join(分隔符)
用分隔符，組合數組元素，生成字符串

alert(arr1.join("-"));  

結果：1-2-3-4

(3)split與join相反

var arr3='12-5-7-8"
var arr3=str.split(‘-’)；
alert(arr3[0]);

結果：12

5.插入、刪除

splice(開始的位置，長度，元素)

var arr[1，2，3，4，5，6];

(1)中間刪除

arr.splice(2,3)

結果：126

(2)中間插入

arr.splice(5,0,‘a’,'b','c')

結果：123456abc

(3)中間替換

arr.splice(0,2,‘a’,'b','c')

結果：ab345

原理：先刪除再插入

 

博客園：JavaScript基礎筆記二