javascript入门2

目录

1.Js内置对象String

1.1在Js中如何创建字符串对象

1.2js中常用方法

2.js自定义对象

2.1 方式1:类似于Java中有参构造

2.2 方式2:类似于Java中的无参构造

2.3  方式3:使用Object对象(代表所有js对象)     

2.4 字面值的方式: "Json数据格式"  

---

1.Js内置对象String

1.1在Js中如何创建字符串对象

        var 对象名 = new String("字符串")

        js中的==比较的是两个对象的地址值是否相同

        js中的valueof()比较的是两个js对象的原始值是否相同

<script>
				var s1 = new String("hello") ;
				var s2 = new String("hello") ;
				
				document.write((s1==s2)+"<br/>") ; //比较是两个对象的地址值是否相同,false
				
				//js中的valueof()比较的是两个js对象的原始值是否相同
				document.write((s1.valueOf() == s2.valueOf())+"<br/>") ;//true
				
				//Js中创建对象String,简写格式就直接 字符串常量赋值给变量
				var s3 = "helloworld" ;
				var s4 = "helloworld" ;
		        document.write((s3==s4)+"<br/>") ;//
</script>
			    

        结果:flase true true

1.2js中常用方法

        charAt(index):获取指定索引处的字符

        concat 方法（String）:字符串拼接功能

        fontcolor 方法:给字符串颜色标记 ("参数英文单词或者#xxxxxx")

        substring(start, end):截取功能 跟Java中的String一样

        split 方法:拆分,分割,获取到的字符串数组

        遍历 for-in语句

<script>
                var str = "helloworldJavaEE" ;
			  
			   document.write("charAt():"+str.charAt(4)+"<br/>") ;
			  
			   document.write("concat():"+str.concat("高圆圆")+"<br/>") ;
			  
			   document.write("fontcolor():"+str.fontcolor("greenyellow")+"<br/>") ; 
			   
			   document.write("substring():"+str.substring(5,10)+"<br/>") ;
			   
			   var str2 = "JavaEE-PhP-Go-R-C-C++" ;
			   var strArray = str2.split("-") ;
			  
			  for(var i in strArray){
				  document.write(strArray[i]+"&nbsp;");
			  }
</script>

结果:

        charAt():o
        concat():helloworldJavaEE高圆圆
        fontcolor():helloworldJavaEE
        substring():world
        JavaEE PhP Go R C C++ 

2.js自定义对象

        

        有四种方式:

2.1 方式1:类似于Java中有参构造

                定义对象的格式 跟定义函数格式一样

                    function 对象(属性名称1,属性名称2,属性名称3....){
                                    追加它的成员属性
                            this.成员属性1 = 属性名称1 ;
                            this.成员属性2 = 属性名称2 ;
                            this.成员属性3 = 属性名称3 ; 
                                   追加功能
                            this.方法名 = function(空参/带参){
                                ....
                            }
                        }
             创建对象
                var  对象名 =  new 对象(实际参数列表); 

<script>
            //需求:定义一个人对象,有姓名,年龄,性别,有说英语的功能...
				
            function Person(name,age,gender){
			   //追加它的成员属性
			   this.name  = name ;
			   this.age = age ;
			   this.gender = gender ;
			   
			   //追加功能
			   this.speakEnglish = function(name){
				   alert("会说"+name) ;
			   } 	
		   }
            //创建Person对象
		   var p = new Person("高圆圆",42,"女") ;
		   document.write("姓名是:"+p.name+",年龄是:"+p.age+",性别是:"+p.gender+"<br/>") ;
		   //调用功能
		   p.speakEnglish("英语") ;
</script>

2.2 方式2:类似于Java中的无参构造

           1_定义对象的格式:function 对象(){}
           2_创建对象 var 对象名 = new 对象() ;
           3_追加属性和追加功能

           对象名.属性名称 = "值"
           对象名.方法名 = function(){}

<script>
           //需求:定义一个人对象,有姓名,年龄,性别,有玩游戏的功能...

           function Person2(){}
		   //创建Person2对象
		   var p2 = new Person2() ;
		   //追加属性和追加功能
		   p2.name = "文章" ;
		   p2.age = 35 ;
		   p2.gender = "男" ;
		   p2.playGame = function(gameName){
			   alert("会玩"+gameName) ;
			   
		   }
		   
		  document.write("姓名是:"+p2.name+",年龄是:"+p2.age+",性别是:"+p2.gender+"<br/>") ;
		  p2.playGame("csgo") ;
		  

</script>

2.3  方式3:使用Object对象(代表所有js对象)     

             1.  直接new 对象

             2.追加属性和功能

<script>
           //需求:定义一个人对象,有姓名,年龄,性别,有说英语的功能..
            

           var p3 = new Object() ;
		   //追加属性和追加功能
		   p3.name = "张佳宁" ;
		   p3.age = 31 ;
		   p3.gender = "女" ;
		   p3.speakEnglish = function(name){
		   			   alert(p3.name+"会说"+name) ;
		   			   
		   }
		   document.write("姓名是:"+p3.name+",年龄是:"+p3.age+",性别是:"+p3.gender+"<br/>") ;
		   p3.speakEnglish("英语") ;

</script>

        

2.4 字面值的方式: "Json数据格式"  

           基本格式:{"key":value} 这种键值对
        

<script>
    //需求:需要描述一个学生---->姓名,年龄,性别,住址,会玩游戏
     var student = {
							"name":"高圆圆",
							"age" : 42,
							"gender":"女",
							"address":"鄠邑区",
							"playGame":function(gameName){
								document.write("会玩"+gameName+"<br/>") ;
							}
		            };
           document.write(student.name+"<br/>") ;
		   student.playGame("lol") ;

</script>