一、JS對象
對象是對具體事務的抽象,得到該事物所有的屬性、行爲。
屬性通過變量來表示
行爲通過方法來表示
var breed = "大熊貓";
var weight = "20kg";
function climb(){
}
數據整合得到對象:
對象是一系列屬性和方法的集合,是一種複合數據類型。
var dog={
breed : "大熊貓",
weight: "20kg",
climb: function(){
}
}
對象結構:
使用一對大括號表示對象,屬性寫在括號內
屬性包括屬性名和屬性值,之間使用冒號分隔
屬性和屬性之間使用逗號分隔
方法同屬性類似,只是值部分爲一個函數體
對象屬性的訪問
<script type="text/javascript">
var dog={
"breed":"哈士奇",
"weight":"20kg",
jump:function(){
alert("it can jump")
}
};
/*dog.weight 或者 dog["weight"] */
alert(dog.weight);
alert(dog["weight"]);
dog.weight="40kg";
alert(dog["weight"]);
dog.jump();
</script>
遍歷對象屬性
for (i in dog){
// alert(i);
alert(dog[i]);
}
二、JS字符串
JS字符串用於存儲和處理文本。
字符串可以存儲一系列字符,如"Lin Da";
字符串可以是插入到引號中的任何字符 。可以使用單引號或雙引號;
在JS中,可以使用String類型存儲字符;
字符串中每個字符都有特定的位置,首字符從位置0開始;
字符串變量是由雙引號或單引號來聲明;
var str="asdjsakdhas";
字符串常用屬性
length 用於獲取字符串長度
prototype 允許您向對象添加屬性和方法
var username ="linxiaoli";
alert(username.length);
字符串操作方法
charAt() 返回指定索引位置的字符
charCodeAt() 返回指定索引位置字符的Unicode值
concat() 連接兩個或多個字符串,返回連接後的字符串
fromCharCode() 將Unicode 轉換爲字符串
indexOf() 返回字符串中檢索指定字符第一次出現的位置
substr() 從起始索引號提取字符串中指定數目的字符
substring() 提取字符串中兩個指定的索引號之間的字符
toLocaleLowerCase() 根據主機的語言環境把字符串轉換爲小寫,只有幾種語言(如土耳其語)具有地方特有的大小寫映射
toLocaleUpperCase() 根據主機的語言環境把字符串轉換爲小寫
<script type="text/javascript">
var username ="linxiaoli";
alert(username.length); //9
alert(username.charAt(5)); //a
alert(username.charCodeAt(5)); //97
alert(username.concat("kjsd")); //linxiaolikjsd
alert(String.fromCharCode(97)); //a
alert(username.indexOf("a")); //5
/*substr(start,length) 從字符串中截取字符串,
兩個參數 第一個 起始位置 第二個截取的長度
*/
alert(username.substr(3,4)); //xiao
</script>
三、數組
定義數組:
方式1:通過[ ]方式
例:var arr1=['a','b','c','d']
方式2:通過new Array方式
var arr2 = new Array('a','b','c','d');
數組當中的數組元素可以是任意數據類型。
數組的索引是從0開始的。
數組的長度,即數組中包含的元素個數。
獲取數組元素
定義:
var arr1=['a','b','c','d']
arr[0] arr[2]
獲取數組長度:
arr.length
向數組末尾添加元素:
向數組的末尾添加一個或更多元素,並返回新的長度
arr1.push(new);
刪除數組末尾元素
刪除並返回數組的最後一個元素
arr1.pop();
刪除並返回數組的第一個元素
arr1.shift();
數組轉化爲字符串
將數組轉化爲字符串並用特定字符分割
arr1.join(分割字符);
<script type="text/javascript">
var arr=["張三","李四","趙武","孫倩"];
alert(arr.length); //4
arr.push("錢五");
alert(arr.length); //5
alert(arr); //張三,李四,趙武,孫倩,錢五
arr.pop();
alert(arr.length); //4
alert(arr); //張三,李四,趙武,孫倩
arr.shift();
alert(arr.length); //3
alert(arr); //李四,趙武,孫倩
arr.join();
alert(typeof arr.join()); //string
alert(arr.join("|")); //李四|趙武|孫倩
</script>