【JavaWeb笔记】JavaScript(二) 常用对象

最新推荐文章于 2024-09-11 22:31:16 发布

追云的帆

最新推荐文章于 2024-09-11 22:31:16 发布

阅读量442

点赞数

分类专栏： JavaWeb 文章标签： java web javascript

本文链接：https://blog.csdn.net/fanfan_yang/article/details/78022619

版权

JavaWeb 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

二.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 3

Math.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() 解析一个字符串并返回一个整数。

追云的帆

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【JavaWeb笔记】JavaScript(二) 常用对象

二.JS对象1.概述:JS是一门基于对象的语言基于对象：不能由原生的对象派生出新的对象。不存在继承关系。2.Function 对象：a.定义方式：方式一：var fun=function(a,b,c){alert("我是function对象");var z = a+b+c;return z;}方式二：function fun(a,b){
复制链接

扫一扫

专栏目录