Java script 中的对象

最新推荐文章于 2024-03-20 03:25:51 发布

怪胎圣徒

最新推荐文章于 2024-03-20 03:25:51 发布

阅读量250

点赞数

分类专栏： Java script 文章标签： js

本文链接：https://blog.csdn.net/weixin_51516810/article/details/116305356

版权

Java script 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

Javascript 中的对象

自定义对象–我们自己创建的对象。
内置对象----javascript 提供好的对象，内置对象分为：1.高级对象，2.dom 对象—控制 html 网页标记的对象，3.bom 对象—浏览器对象。

1.自定义对象：我们自己创建的对象

1.“{}”自定义对象的标志
2.自定义对象中可以包含变量和函数
3.自定义对象中变量—变量名称:变量值
4.自定义对象中函数—函数名称:function([参数]){[return xxxx]};
5.访问自定义对象中变量—对象名称.变量名称 [推荐]
对象名称[“变量名称”/对象名称[‘变量名称’]
6.访问自定义对象中函数—对象名称.函数名称([参数]) [推荐]
7.自定义对象中函数访问自定义对象中变量—对象名称.变量名称 /this.变量名称[推荐] 对象名称[“变量名称”/对象名称[‘变量名称’]

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>自定义对象</title>
		<script>
			window.οnlοad=function(){
		//自定义对象--自己创建的对象
		//对象--描述某一具体事物【东西】
		//例如：品牌,尺寸,内存,CPU,价格,颜色,打电话,上网,拍照,打游戏
		//品牌,尺寸,内存,CPU,价格,颜色,--事物【东西】基本属性--变量
		//打电话，上网 拍照，打游戏---事物【东西】基本功能--函数
		
		
		//1.“{}”自定义对象的标志
		//2.自定义对象中可以包含变量和函数
		//3.自定义对象的变量--变量名称：变量值
		//4.自定义的对象中函数--函数名称：function（写的是参数）{returnXXXX返回值};
        //5.访问自定义对象中的变量---对象名称.变量名称[推荐]
		                      //  对象名称["变量名称"/对象名称['变量名称']]
	     //6.访问自定义对象中 函数--对象名称.函数名称(参数)【推荐】
		 //7.自定义对象中函数访问自定义对象中变量---对象名称.变量名称/this.变量名称【推荐】
		                                           //对象名称{"变量名称"/对象名称['变量名称']}
		
		var shouji={name:"huawei",
		      size:"200*500*8",
			  cpu:"骁龙888",
			  price:2999,
			callphone:function(phonenum){
				alert("打电话"+12345678900);
				} ,
			paizhao:function(){
				alert("咔嚓");
				return"照片";
			    },
		    playgame:function(){
			     alert("打游戏");	
			     },
				getshoujiinfo:function(){
				var info=shouji.name+","+this.size+","+this.cpu;
				return info;
				}  
				 } ;
	//5.访问自定义对象中的变量---对象名称.变量名称[推荐]
	// 对象名称["变量名称"/对象名称['变量名称']]
	//alert(shouji.price);	
		//alert(shouji["CPU"]);		
	 //6.访问自定义对象中函数--对象名称.函数名称(参数)【推荐】
	 //shouji.callphone("1234567890");
	 //var res=shouji.paizhao();
	 //alert(res);
	// shouji.playgame();
	 //7.自定义对象中函数访问自定义对象中变量---对象名称.变量名称/this.变量名称【推荐】
	                 //对象名称{"变量名称"/对象名称['变量名称']}
		    var msg=shouji.getshoujiinfo();
		    alert(msg);
			}
		</script>
	</head>
	<body>
	</body>
</html>

2.javascript 中的高级对象【常见/常用】

高级对象包括: 字符串对象（String）,数字对象（Number）,数组对象（Array），布尔值对象（Boolean），日期对象（Date）,数学对象（Math），正则表达式对象（RegExp）。
1.字符串对象（String）
1.1 创建字符串对象（String）
创建字符串变量: var str=”hello”;//类型 string
通过构造器创建对象:var str1=new String([数据值]); //类型 Object
1.2.String 的常用属性和方法
（1）length 属性—计算字符串的长度
（2）charAt(index)–得到字符串中指定位置的字符
（3）indexOf()–得到指定字符串在原始字符串中第一次出现位置,如果没有就得到-1
（4）lastIndexOf()得到指定字符串在原始字符串中最后一次出现位置,如果没有就得到-1
（5）substring(start,end)–截取字符串
（6）replace(old,new) 方法在字符串中用某些字符替换另一些字符。
（7）split(分隔符)将字符串通过指定分隔符转为 String 数组【拆分字符串】
3.双引号中的双引号，需要使用单引号或者转义字符代替

【\'单引号】 【\''双引号】【\\斜杠】【\n 换行】【\r 回车】【\t tab】 【\b 空格】

<html>
	<head>
		<meta charset="utf-8">
		<title>字符串对象<Srting></title>
		<script>
			window.οnlοad=function(){
			//1.字符串变量就是一个字符串对象
			var str1="hello";  //string类型
			//alert(typeof str1);
			//2.通过构造器创建对象
			//var str2=new String("world");	 //object类型
			//alert(typeof str2);
			//  string的常用属性【变量】和方法【函数】
			//1.length 属性 ---计算字符串的长度
			//alert(str2.length);
			//2.charAt(index)---得到字符串中指定位置的字符
			//alert(str2.charAt(0));
			//3.indexof (string)--得到指定字符在原始字符串中的第一次出现位置，如果没有就-1；
			//alert(str1.indexOf("l"));
			//4.lastIndexOf(string)得到指定字符串在原始字符串中最后一次出现位置，如果没有就得到-1
			//var str3="hello,world";
			//alert(str3.lastIndexOf("l"));
			//5.substring(start，end)--截取字符串
			//alert(str3.substring(6,11));
			//alert(str3.substring(6,str3.length));
			//alert(str3.substring(str3.indexOf(",")+1,str3.length));
			//案例:调用显示京东图片网址
			//var str4="https://img14.360buyimg.com/n0/jfs/t1/172938/26/6733/135018/60893519Eed13a512/0d2f4d35f1e25604.jpg";
			//alert(str4.substring(str4.lastIndexOf("/")+1,str4.length))
			//6.replace(old.new) 方法在字符串中用某些字符替换另一些字符。
			//alert(str3.replace("world","HERRY"));
			//7.split(分隔符)将字符串通过指定分隔符转为 String 数组【拆分字符串】
			 //     双引号中的双引号，需要使用单引号或者转义字符代替
			/*
			var stuinfo="姓名=张三,年龄=23,地址=西安";
			var infos=stuinfo.split(",");
			//infos---数组  info[0]=[姓名=张三] info[1]=[年龄=23]
			for(var text in infos){
				alert(infos[text]);
			}
			*/
			//转义字符
			// \' 单引号  \" 双引号  \\ 斜杆  \n 换行  \r 回车 \t tab  \b 空格 
			var str4="hello\"world";
			alert(str4);
			
			}
		</script>
	</head>
	<body>
	</body>
</html>

2.数字对象（Number）
1.创建数字对象
创建数字变量 var num1=12.5; //类型 number
通过构造器创建对象 var num2=new Number(数字); //类型 object
2.数字对象的常用属性和方法
MAX_VALUE-- JavaScript 中可表示的最大的数
MIN_VALUE-- JavaScript 中可表示的最小的数
需要使用 Number 对象名称访问
toFixed(位数);保留指定的小数位数
toString()方法可把一个 Number 对象转换为一个字符串，并返回结果。
3.精度
整数（不使用小数点或指数计数法）最多为 15 位。
小数的最大位数是 17，但是浮点运算并不总是 100% 准确。
4.八进制和十六进制
如果前缀为 0，则 JavaScript 会把数值解释为八进制数；
如果前缀为 0 和 “x”，则解释为十六进制数。
var y = 0377; //8 进制 255
var z = 0xFF; //16 进制 255
5.无穷大（Infinity）和无穷小（-Infinity）
在 javascript 中所有 JavaScript 数字均为 64 位，当数字运算结果超过了 JavaScript
所能表示的数字上限（溢出），结果为一个特殊的无穷大（infinity）值，在 JavaScript中以 Infinity 表示。
同样地，当负数的值超过了 JavaScript 所能表示的负数范围，结果为负无穷大，在JavaScript 中以-Infinity 表示。
6.NaN - 非数字值【not a Number】
使用 isNaN() 函数来判断一个值是否是 NaN 值。
true–不是数字
false–是数字

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>数字对象</title>
		<script>
			window.οnlοad=function(){
				//数字变量就是一个数字对象
			var num1=12.5;//number
			   //alert(typeof num1);
			   //2.通过构造器创建对象
			   var num2=new Number(168.5);
			   //alert(typeof num2);
			   //数字对象常用的属性和方法
			   //MAX_VALUE---JAVA script中可表示的最大的数
			   //MAX_MIN---JAVA script 中可表示的最小的数
			   //需要使用Number对象名称访问
			   //alert(Number.MAX_VALUE);//1.7976931348623157e+308
			   //alert(Number.MIN_VALUE);//5e-324
			   //toFixed(位数);保留指定的小数位数[会四舍五入]
			  // alert(num2.toFixed(2)); 
			   //toString()方法可把一个Number 对象转换为一个字符串，并返回结束
			 //  var num1str=num1.toString();
			  // alert(typeof num1str);
			   //精度 整数（不使用小数点或指数计数法）最多为 15 位。
               //小数的最大位数是 17，但是浮点运算并不总是 100% 准确。
			   //.八进制和十六进制
                //如果前缀为 0，则 JavaScript 会把数值解释为八进制数；
				//alert(012);
               //如果前缀为 0 和 "x"，则解释为十六进制数。
			  // alert{0x12};//18
			  
			  /*
			   var myNumber=2;
			   while (myNumber!=Infinity){
				 myNumber=myNumber*myNumber;
				 document.write(myNumber+'<br>');
				 */
				 /*
				 //无穷大（Infinity）和 无穷小（-Infinity）
                   //在javascript中所有 JavaScript 数字均为 64 位，当数字运算结果超过了JavaScript所能表示的数字上限（溢出），结果为一个特殊的无穷大（infinity）值，在JavaScript中以Infinity表示。
                    //同样地，当负数的值超过了JavaScript所能表示的负数范              围，结果为负无穷大，在JavaScript中以-Infinity表示。
				 */
				 //除以0也产生了无限: var num2=10/0;  
				 /*
				 NaN - 非数字值【not a Number】
				 使用 isNaN() 函数来判断一个值是否是 NaN 值。
				 true--不是数字
				 false--是数字
				  }
				 例如:
				  */
				  var num1="abc";
				  alert(isNaN(num1));
			}
		</script>
	</head>
	<body>
	</body>
</html>

3.数组对象（Array）

数组–一堆数据的集合
创建数组
var arr1=new Array();
var arr2=[];
数组赋值
先创建后赋值
var arr1=new Array();
arr1[下标]=数值;
先创建+赋值
var arr2=[数值 1，…，数值 n];
数组的取值—数组名称[下标]
数组的遍历
数组的属性和方法
length—得到数组元素的个数。
concat()合并两个数组
join()用数组的元素组成字符串
pop()删除数组的最后一个元素
shift()删除数组的第一个元素
push()数组的末尾添加新的元素
unshift()在数组的开头添加新元素
sort()数组排序
字符串数组通过 sort()按照字母顺序升序排列
数字数组通过 sort(function(a,b){retutn a-b});升序排列
数字数组通过 sort(function(a,b){retutn b-a});降序排列

1. 数组--一堆数据的集合
2. 创建数组
var arr1=new Array();
var arr2=[];
3. 数组赋值
先创建后赋值
var arr1=new Array();
arr1[下标]=数值;
先创建+赋值
var arr2=[数值 1，....，数值 n];
4. 数组的取值---数组名称[下标]
5. 数组的遍历
6. 数组的属性和方法
length---得到数组元素的个数。
concat()合并两个数组
join()用数组的元素组成字符串
pop()删除数组的最后一个元素
shift()删除数组的第一个元素
push()数组的末尾添加新的元素
unshift()在数组的开头添加新元素
sort()数组排序
字符串数组通过 sort()按照字母顺序升序排列
数字数组通过 sort(function(a,b){retutn a-b});升序排列
数字数组通过 sort(function(a,b){retutn b-a});降序排列