js學習第一天-----基本類型數組及常見的內置函數

一、javascript的基本類型：

      1.number 2.string 3.object 4.boolean 5.undefined 6.null

      對應的例子有： 

      1. alert(typeof 12341) 

      2.alert(typeof "hello")  

      3.var a = null; alert(a);

      4.var b;  alert(b);

      5.var c = document.getElementById("div1")   div1不存在,此時alert(typeof c)爲null類型

      上例中 a和b的值都是null但是a的類型爲object b的類型爲undefined

二、js的布爾判斷

   var str;

   if(str){ alert("true") }

   str在一下情況下爲true

   str爲字符串型但除了空字符串，str爲數字除了0，str爲object

   null和undefined都是false

/*
演示基本
數據類型
*/
function f1(){
var i = 100;
i = "hello js";
i = 100.08;
//alert(typeof i);
var str = 'hello java';
var flag = false;
//alert(typeof flag);
var t = null;
//alert(typeof t);
var t2;
alert(typeof t2);
}

/*
布爾類型
以下幾種情況，boolean值爲true
a,字符串，只要不爲空字符
b,數字只要非0
c,對象
null和undefined爲false
*/
function f2(){
//var str="abc";
//var str = 100;
//var str = new Object();
var str;
if(str){
alert("true!");
}else{
alert("false");
}
}

/*
數據類型的轉換
parseInt()
parseFloat()
*/
function f3(){
//var str = "123.03";
//var i = parseInt(str) + 100;
//var i = parseFloat(str) + 100;
//alert(i);

//var str2 = "12a3";
//var i = parseInt(str2) + 100;
//alert(i);

var str3 = "123a";
//isNaN():如果爲非數字，返回true
if(isNaN(str3)){
//alert('非數字');
}else{
//alert('數字');
}

var i = 100;
var str4 = i.toString() + "234";
alert(str4);
}

/*
比較操作 
==:比較值
===:比較類型和值
*/
function f4(){
var str1 = "123";
var str2 = "123";
var str3 = 123;
if(str1 == str2){
//alert('str1等於str2');
}
if(str1 === str3){
//alert('str1等於str3');
}
var s1 = null;
var s2;
alert(s1 == s2);
}

三、有關js的全局變量與局部變量

    var i = 1聲明在script中或者語句塊中都都爲全局變量

    j = 2聲明在函數中沒有用var聲明也是全局變量

   只有var j=3聲明在函數中才爲局部變量

   代碼如下：

     var i = 1;//全局變量
function f1(){
//alert(i);
var j = 100;
//在函數內部，使用var聲明的變量是一個局部變量
j2 = 100;//此時，是全局變量
}
f1();
//alert(j2);

//沒有語句塊作用域
for(i=0;i<100;i++){
var j3 = 100;
}
alert(j3);

四、數組問題

  數組的聲明方式有兩種：

   1.是var arr  = new Array(); 然後arr[0],arr[1]賦值進去

   2.是var arr = [1,3,5];是以中括號括起來的

數組的常規用法如下：

//創建數組的第一種方式
function f1(){
var arr = new Array();
arr[0] = 1;
arr[3] = '2';
alert(arr.length);
}

//創建數組的第一種方式
function f2(){
var arr = [1,2,4];
alert(arr.length);
}

//創建二維數組
function f3(){
var arr = new Array;
arr[0] = [3,1,22];
arr[1] = [8,13];
for(i=0;i<arr.length;i++){
for(j=0;j<arr[i].length;j++){
alert(arr[i][j]);
}
}
}

//數組對象的常用方法
function f4(){
var arr = [3,4,5];
//alert(arr.toString());
var arr1 = [11,2,3];
var arr2 = [99,12];
var arr3 = arr1.concat(arr2);//形成一個新的數組
//alert(arr1);
var arr4 = [3,4,11];
var str = arr4.join('|');
//alert(str);
var arr5 = [5,3,2,1];
var arr6 = arr5.reverse();//沒有形成新的數組
//alert(arr5);
var arr7 = [11,22,12,90,33];
var arr8 = arr7.slice(2,4);//不包括4,形成新的數組
//alert(arr7);
}

//數組的排序
function f5(){
var arr = [19,24,522,32,87];
//var arr = ['bbbc','ab','ddc'];
arr.sort(function(a,b){
//return -(a.length - b.length);
return b - a;
});
alert(arr);
}

//堆棧
function f6(){
var arr = [22,11,33];
arr.push(66,99);
var obj = arr.pop();
alert(obj);
alert(arr.length);
}

//隊列
function f7(){
var arr = [22,11,33];
var obj = arr.shift();
obj = arr.shift();
alert(obj);
alert(arr.length);
}