二.JavaScript对象
1.概述:
JavaScript是一门基于对象的语言基于对象:不能由原生的对象派生出新的对象。不存在继承关系。
2.Function 对象:
a.定义方式:
方式一:
var fun=function(a,b,c){函数内容}方式二:
function fun(a,b){函数内容}b.调用:
fun(1,2,3);fun();c.特点:
i.调用的时候,可以传参数也可以不传参数,传递参数的个数没有限制ii.函数内部有一个内置的数组对象arguments用来接收传过来的参数argument 封装实参数组注:void运算符:拦截返回值,一般结合a标签一起使用注销a标签跳转功能,保留可被点击的功能<a herf="javascript:void(0);" οnclick="exit();">退出</a>
3.String 对象:
String 对象用于处理文本(字符串)。a.返回值
当 String() 和运算符 new 一起作为构造函数使用时,它返回一个新创建的 String 对象,存放的是字符串 s 或 s 的字符串表示。当不用 new 运算符调用 String() 时,它只把 s 转换成原始的字符串,并返回转换后的值。b.定义方式:
方式一:
String str = new String("abcdefg");方式二:
var str="abcdefg";c.属性:
length:字符串的长度d.方法:
charAt() 返回在指定位置的字符。concat() 连接字符串。indexOf() 根据字符检索此符在字符串中的索引。lastIndexOf() 从后向前搜索字符串。substring() 提取字符串中两个指定的索引号之间的字符。toLowerCase() 把字符串转换为小写。toUpperCase() 把字符串转换为大写。replace() 替换字符串。split() 把字符串分割为字符串数组。trim() 去除字符串两端的空格<!DOCTYPE html> <html> <head> <title>JS-String</title> </head> <script type="text/javascript"> //charAt() 返回在指定位置的字符。 var a1 = "abcdef"; var b1 = a1.charAt(2); alert(b1); // concat() 连接字符串。 var a2 = "abc"; var b2 = "cba"; alert(a2.concat(b2)); // indexOf()根据字符检索此符在字符串中的索引 var a3 = "abcdefg"; var b3 = a3.indexOf('c'); alert(b3); // lastIndexOf() 从后向前搜索字符串。 // substring() 提取字符串中两个指定的索引 var a4 = "abcdef"; var b4 = a4.substring(0, 3); alert(b4); // toUpperCase() 把字符串转换为大写。 // toLowerCase() 把字符串转换为小写。 var a5 = "abcdefg"; var b5 = a5.toUpperCase(); alert(b5); var c5 = b5.toLowerCase(); alert(c5); // replace() 替换字符串。 var a6 = "javascript"; var b6 = a6.replace("java","c++"); alert(b6); // split() 把字符串分割为字符串数组。 var a7="x$x$x$"; var b7 = a7.split("$"); alert(b7); // trim():去除字符串两端的空格 var a8 = " abc "; var b8 = a8.trim(); alert(b8); </script> <body> </body> </html>
4.Number 对象:
Number 对象是原始数值的包装对象。
a.返回值
当 Number() 和运算符 new 一起作为构造函数使用时,它返回一个新创建的 Number 对象。如果不用 new 运算符,把 Number()作为一个函数来调用,它将把自己的参数转换成一个原始的数值,并且返回这个值(如果转换失败,则返回 NaN)。
b.定义方式:
var num1 = new Number(123.456);var num2 = new Number(789);
c.常用方法:
toString() 把数字类型转成字符串类型toPrecision() 把数字格式化为指定的长度。也就是小数后面保留几位
5.Math 对象:
Math 对象用于执行数学任务。
a.特点:
Math对象并不像 Date 和 String 那样是对象的类,因此没有构造函数 Math(),像 Math.sin() 这样的函数只是函数,不是某个对象的方法。无需创建它,通过把 Math 作为对象使用就可以调用其所有属性和方法。
b.常用方法:
Math.random()返回 0 ~ 1 之间的随机数。 1 3Math.round(x)把数四舍五入为最接近的整数。注意结果是整数Math.round(x)对小数进行四舍五入 得到一个整数Math.min(x,y) 取最小值Math.max(x,y) 取最大值Math.abs(x)返回数的绝对值。Math.floor(x) 向下取整Math.ceil(x)向上取整
6.Array 对象:
Array 对象用于在单个的变量中存储多个值。
a.定义方式:
var arr=new Array(2,6,8);var arr1=[6,"a",6];
b.属性:
length 数组的长度
c.特点:
在JS中数组可以存储任意类型元素在JS中数组的长度可变
d.常用方法:
concat()连接两个或更多的数组,并返回结果。join()把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。pop()删除并返回数组的最后一个元素push() 向数组的末尾添加一个或更多元素,并返回新的数组长度。reverse()颠倒数组中元素的顺序。sort()对数组的元素进行排序 从小到大* 默认排序方式:字典顺序* 要想实现自己的比较方式,需要传入比较器方法对象
<!DOCTYPE html> <html> <head> <title></title> </head> <script type="text/javascript"> // concat() 连接两个或更多的数组,并返回结果。 var a = [1,2,3]; var b = [4,5]; var c = a.concat(b); alert(c); // join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。 var a1 = [7,8,9]; var b1 = a1.join("-"); alert(b1); // pop() 删除并返回数组的最后一个元素 var a2 = [1,2,3,4]; var b2 = a2.pop(); alert(b2); alert(a2); // push() 向数组的末尾添加一个或更多元素,并返回新的数组长度。 var a3 = [1,2,3]; var b3 = a3.push(5); alert(b3); // reverse() 颠倒数组中元素的顺序。 var a4 = [9,8,7,6,5,4]; var b4 = a4.reverse(); alert(b4); // sort() 对数组的元素进行排序 从小到大 var a5 = [3,2,5,8,4,7,6,9]; var a5 = a5.sort(); alert(a5); </script> <body> </body> </html>
7.Global 对象:全局方法
a.特点:
该对象中的方法调用,不需要对象的引用,可直接使用
b.常用方法:
isNaN() 检查某个值是否是NaN。parseInt() 解析一个字符串并返回一个整数。