JavaScript的String对象、Array对象和自定义对象和原型属性

最新推荐文章于 2021-01-29 09:08:37 发布
最新推荐文章于 2021-01-29 09:08:37 发布
阅读量322 收藏
点赞数
分类专栏： Java Web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/smell201611010513/article/details/89337607
版权

此次的编码均在<script></script>脚本中编写。

一、String对象

1.关于String对象的常用方法

			//关于String对象的常用的方法
			//charAt(int index)：返回指定索引处的字符
			//indexOf(String str)：查找某个子字符串在当前字符串中第一次出现的索引
			//lastIndexOf(String str):str最后一次出现的索引。
			//fontcolor("颜色值")设置字符串的颜色标记
			//replace(oldstr,newstr):替换功能，并不改变原来的字符串。
			//substring(var start,var end):从指定索引位置开始，到指定位置结束。但不包含end处的字符。
			//substr(var start,var length):从指定索引开始截取到指定长度结束。
			//String对象的：split(根据指定字符串截取），返回的是字符串数组（Array对象)。
			var arr1="java-php-hadoop-go-r-python";
			 var strArr=arr1.split("-");
			//遍历数组
			for(var i=0;i<strArr.length;i++){
				document.write(strArr[i]+"&nbsp;");
			}

2.测试代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>String对象</title>
	</head>
	<script>
	/*  ==与valueOf的测试     */
//		var str1="hello";
//		var str2=new String("hello");
//	//	document.write((str1==str2)+"<br />");//true
//		var str3=new String("hello");
//		document.write((str2==str3)+"<br>");//false
//		document.write((str1==str3)+"<br>");//true
//		document.write((str2.valueOf()==str3.valueOf())+"<br>");//true

	/*charAt(下标)的测试*/
	//	document.write(str1.charAt(2)+"<br />");//l,说明下标从0开始
		
		/*object1.indexOf(object2)  查找object2在object1中第一次出现的位置（返回下标）*/
		var str1="hellozlo";
		var str2="lo";
		document.write(str1.indexOf(str2)+"<br>");//3
		
		/*lastIndexOf(String str):str最后一次出现的索引*/
		document.write(str1.lastIndexOf(str2)+"<br>");//6
		
		/*fontcolor("#00ff00") :设置字符串的颜色标记  颜色标记是标记符号或者英文都可以*/
		document.write(str1.fontcolor("red")+"<br>");
		
		/*replace(oldstr,newStr):替换功能,但并没有改变原来的字符串*/
		document.write("替换后的字符串为：");
		str1=str1.replace("zlo"," world");
		document.write(str1+"<br>");
		
		/*substring(var start,var end):从指定位置开始截取,到指定位置结束: 不包含end位置*/
		//str1:hello world  想得到lo wo
		document.write(str1.substring(3,8)+"<br />");//lo wo
		
		/*substr(var start,var length)*/
		document.write(str1.substr(2,5)+"<br>");//llo w
		
		/*String对象的：split(根据指定字符串截取），返回的是字符串数组（Array对象)。*/
		var str="java-web-html-script";
		var strs=str.split("-");
		for(var i=0;i<strs.length;i++){
			document.write(strs[i]+"&nbsp;");
		}
		</script>
	<body>
	</body>
</html>

结果：

二、Array对象

1.数组对象的特点

     *   1)在js中不用担心数组角标越界问题
     *   2)在js中,数组的元素可以指定任意类型

2.如何创建Array对象

//方式1 :
/*var arr = new Array() ;
//指定元素的内容
arr[0] = "hello" ;
arr[1] = true ;
arr[2] = 'A' ;
arr[3] = 100 ;
arr[4] = 3.14;
arr[5] = new Object();
for(var i = 0 ; i < arr.length ;i ++){
	document.write(arr[i]+"&nbsp;") ;
}
alert(arr.length);*/

//方式2:指定固定长度
/*var arr = new Array(3) ;
arr[0] = 100 ;
arr[1] = "javascript" ;
arr[2] = true ;
arr[3] = 3.14;*/

//方式3：指定具体元素的内容
//推荐直接使用第三种方式:指定具体的元素内容
var arr = ["hello",true ,3.1415926,'A'] ;
/*alert(arr.length);
for(var i = 0 ; i < arr.length ;i ++){
	document.write(arr[i]+"&nbsp;") ;
}*/

3.Array中的函数

//join(str):将数组拼接成一个字符串使用str分隔符号
//reverse():将数组的元素进行反转

测试代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Array对象</title>
	</head>
	<script>
	//方式一：
		var arr=new Array();
		arr[0]="hello";
		arr[1]="java";
		arr[2]="web";
		//方式二：
		var arr2=new Array(3);
		arr2[0]="C";
		arr2[1]="C++";
		arr2[2]="Python";
		for(var i=0;i<arr2.length;i++){
			document.write(arr2[i]+"&nbsp;");
		}
		document.write("<hr />");
		alert(arr2.length);
		//方式三：直接指定具体元素内容
		var arr3=["300","301","302","303"];
		for(var i=0;i<arr3.length;i++){
			document.write(arr3[i]+"&nbsp;");
		}
		alert(arr3.length);
		document.write("<hr />");
		//使用join(str)
		var res=arr2.join("-");
		document.write(res);
		document.write("<hr />");
		//使用reverse()
		arr2.reverse();
		for(var i=0;i<arr2.length;i++){
			document.write(arr2[i]+"&nbsp;");
		}
		document.write("<hr />");
	</script>
	<body>
	</body>
</html>

结果：


 三、自定义对象

  1.自定义对象的方式

	自定义对象
	     1)定义对象
	     2)创建对象
	     
	     a)有参数的方式(类似于java中的有参构造方法)
	      function 函数/对象名(描述当前对象的属性){
	      	   //追加属性
	      	      this.属性名=值;
	      	     //追加方法
	      	     this.方法名 = function(){
	      	     	
	      	     	  ....
	      	     }
	      	      
	      	
	      }
	      
	      var 对象名称 = new 函数名称(实际属性值);

2.测试代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>自定义对象</title>
	</head>
	<!--<script>
		//方式一：定义对象
		function Person(name,age){
			this.name=name;
			this.age=age;
			this.speak=funtion(){
				alert("我会说");
			}
		}
		//创建对象
		var p=new Person("张三",23);
		document.write(p.name+"-"+p.age);
		p.speak();
	</script>-->
	<script>
//方式1:有参构造方式  (第一种用的比较多)
	//定义一个Person对象
/*function Person(name,age){//this:代表Person对象的地址值
	//追加属性
	this.name = name ;
	this.age = age ;
	
	//追加一个方法
	this.speak=function (){
		alert("调用说话的功能...")
	}
}

//创建对象
var p = new Person("张三",20) ;*/

//方式2:无参形式（推荐的）
//定义对象
/*function Person(){
	
}
//创建对象
var p = new  Person();
//追加属性
p.name = "李四" ;
p.age = 22 ;
//追加方法
p.speak =function(){
	alert("调用李四说话的功能") ;
}*/

//方式3：利用object对象，在js中，Object对象是任意对象的模板
//创建一个对象
/*var p = new Object () ;
//追加属性
p.name = "王五" ;
p.age = 18;
//追加方法
p.speak=function(){
	alert("调用王五说英语的功能") ;
}*/

//方式4：字面量值的方式：属于json格式
/**
 * "key1":valu1,
 * "key2":valu2,
 * "...":value3
 */
//json解析： 三种： gson  fastJson json的原生方式
var p = {
	
	"name":"赵六" ,
	"age" :20,
	"speak":function(){
		alert("调用赵六的说话的功能") ;
	}
} ;


//输出属性
document.write("姓名是:"+p.name+",年龄是:"+p.age) ;
//调用方法
p.speak() ;
</script>
	<body>
	</body>
</html>

四、原型属性

js的原型属性：
prototype：解决给内置对象中追加额外的方式
       特点：
        1)原型属性的出现就是为了解决内置对象中追加额外方法用的。
        2）给原型对象中追加的方法，会自动的追加到内置对象中。
        3）js中的所有内置对象都有默认的原型：prototype。

 

寻瀑
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript之面向对象学习五(JS原生引用类型Array、Object、String等等)的原型对象介绍...
weixin_33827965的博客
09-06 88
1、原型模式的重要性不仅仅体现在创建自定义类型方面,就连所有的原生的引用类型(Obejct、Array、String等等)都在构造函数的原型上定义方法和属性。如下代码可以证明: alert(typeof Array.prototype.sort); //输出:function alert(typeof String.prototype.substring); //输出:fu...
ECMAScript 定义类或对象
雨中伞 javaeye blog
01-16 160
使用预定义对象只是面向对象语言的能力的一部分，它真正强大之处在于能够创建自己专用的类和对象。 ECMAScript 拥有很多创建对象或类的方法。 工厂方式 原始的方式 因为对象的属性可以在对象创建后动态定义，所有许多开发者都在 JavaScript 最初引入时编写类似下面的代码： var oCar = new Object; oCar.color = "blue"; oC...
JavaScript对象(Number_String)
Twilight's Blog
02-06 631
创建对象1，直接用Object()创建对象，再向对象中添加属性person=new Object(); person.firstname="Bill"; person.lastname="Gates";2，使用花括号创建 person = {firstname:”bill”,lastname:”gates”}3，使用函数构造对象 var tom = new student();<html>
Javascript中的对象和原型
JavaTree的博客
08-09 305
Javascript是一种基于对象的语言，但是它又不是一种真正的面向对象编程语言，因为它的语法中没有类这一概念。要了解javascript中的基于对象原理，需要了解的javascript中的对象和原型。这篇文章就带大家逐一了解，看完之后你会发现深入了解这一原理的重要性，在开发过程中节省时间和空间。对象ECMA-262将对象（object）定义为”属性的无序集合，每个属性存放一个原始值、对象或函数”（
JS： String、Array、Number、Math 属性方法汇总
博勋的博客
04-21 1584
JavaScript String、Array、Number、Math
收集的一些Array及String原型对象的扩展实现代码
12-09
在JavaScript中，Array和String是两个非常基础且重要的对象，它们提供了丰富的内置方法来处理数组和字符串。然而，有时候我们可能需要一些自定义的功能来满足特定需求。在提供的代码段中，我们看到了对这两个原型...
JavaScript 基于原型的对象（创建、调用）
01-19
JavaScript中的对象有三种 1，内部对象 如Array，Boolean，Data，Math，Number，Object，RegExp，String对象等 这些对象系统给我们提供了各自的属性与方法供调用。 2，基于类的对象 用类的方式实现对象的引用，这些...
javascript入门·对象属性方法大总结
10-30
本篇文章将对JavaScript入门中的对象属性方法进行大总结，帮助初学者巩固基础。 首先，我们来看JavaScript中的数组（Array）。数组是一种有序的元素集合，可以通过索引来访问每个元素。其中，`length`属性可获取...
详解JS中Array对象扩展与String对象扩展
11-24
在JavaScript中，Array对象的扩展是为了提供更丰富的...此外，这些扩展方法遵循了一种面向对象的编程风格，即通过在Array对象的原型上添加方法，让所有数组实例都可以使用这些新功能，符合JavaScript的面向对象特性。
Javascript 对象的解释
10-30
例如，`String`、`Array`和`Function`等都是内置的构造器，可以用来创建相应的对象类型。 构造器的`Prototype`属性是实现基于原型的继承机制的基础。每个构造器都有一个原型对象，这个原型对象可以拥有属性和方法，...
JavaScript学习之对象、prototype、Number对象、String
qq_43384071的博客
10-27 171
总结： 对象——带属性、方法的数据。 定义对象 例： 1、student = new object(); student.name = "李华"; student.grade ="99"; student.sco="123456"; 2、student={name : "李华",grade :"99",sco:"12345...
js中，如何给Array、String新增自定义方法？
weixin_34384681的博客
04-25 839
js中，诸如Array的push()、String的substring()方法都是在各自的prototype上定义的。基于这点，我们可以在Array、String对应的原型上自定义一个方法，来满足特定需求； 比如： 1、如何实现下列代码：[1,2,3,4,5].duplicator(); // [1,2,3,4,5,1,2,3,4,5]复制代码 >>实现...
字符串方法，js的string和array对象
Gananldo04的博客
06-10 166
一、字符串的方法 1.字符串类型转化为数字类型 parseInt(“123”);//123 parseFloat(“98.9”) //98.9 parseInt(“98￥”)//98 2.数字类型转字符串类型 var a = 123; a.toString();//“123” 3.在字符串检测字符的方法 var str = “abcdefa”; indexOf（从左-右查找）lastindexOf（从右-左） 1.一个参数 如果存在 返回该字符的索引位置 反之 -1 console.log(str.i
JS中的String对象的方法和获取原型方法+自定义方法
xdd_lmd的博客
07-06 3702
<script type="text/javascript"> var str="abcde";//var str=new String("abcde"); str.length //字符串的长度 str.bold();//给字体加粗相当于<b>abcde</b> str.fontcolor("red") //给字体加颜色
js String原型对象方法简单总结
pangwoniu的博客
05-06 1073
请注意区分 JavaScript 字符串对象和基本字符串值(对于 Boolean 和 Numbers 也同样如此) 字符串字面量(通过单引号或双引号定义)和直接调用String方法(没有通过 new 生成字符串对象实例)的字符串都是基本字符串。JavaScript会自动将基本字符串转换为字符串对象，只有将基本字符串转化为字符串对象之后才可以使用字符串对象的方法。当基本字符串需要调用一个字符串对象才...
Object，Array，Number，String，普通函数，普通对象，Function等的原型链关系——多次面试失败总结的经验
小花魁的博客
10-13 594
以前说到原型链就只知道通过原型链继承，构造函数和它的实例之间的原型链的关系啊这些东西，最近面试被问得很懵，后来看到一篇文章总结的特别好，当时看明白了，后来面试又忘了一部分，所以今天打算自己总结一下，加深印象。 附上之前看的文章的链接：再谈javascriptjs原型与原型链及继承相关问题 ...
js给String原型添加一个属性
qq_32900003的博客
01-29 651
要求实现如下代码 Object.defineProperty( String.prototype, 'isTiem', { get: function () { return !isNaN(Date.parse(this)) }, }); let str = "222222222"; console.log(str.isTiem); //false let str1 = "2021-01-29"; console.log(str1.isTiem); /
Android xml文件里定义并获取string array,integer array，尺寸和颜色
热门推荐
hxltech的专栏
07-06 1万+
如何在xml中定义数组资源，通过java代码引用。 文件位置：res/values/filename.xml    是根元素，元素的name属性被用作数组资源的ID， 可以包含一个或多个元素。 样式如下：                  text_string            text_string              text_string
JS原型（一）——原型对象
EarlEcho
05-21 1773
在了解JS原型对象之前，我们需要了解一些基础知识： 首先是构造函数，我们要知道构造函数的几个特点 构造函数的首字母必须大写 ，区分于其他普通函数 内部使用的this对象，指向即将要生成的实例对象。 使用new来生成实例对象 由此我们可以得到，任何函数只要通过new操作符来调用，那这个函数就可以称为构造函数。 // 文章中之后的知识点都是以这个函数作为基础 function Person...
"深入理解JavaScript对象定义和this用法
除了自定义对象和this关键字，JavaScript还提供了一些其他概念和特性，比如原型继承、闭包、作用域等等。这些特性在JavaScript编程中非常重要，可以帮助我们更好地组织和管理代码。 综上所述，JavaScript中的对象...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值