一、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>