JavaScript---网络编程(3)-Object、String、Array对象和prototype属性
本节学习JavaScript的对象和方法（函数）~
Object 对象
提供所有 JScript 对象通用的功能。
obj = new Object([value])
参数
obj
必选项。要赋值为 Object 对象的变量名。
value
可选项。任意一种 JScript 基本数据类型。（Number、Boolean、或 String。）如果 value 为一个对象，返回不作改动的该对象。如果 value 为 null、undefined，或者没有给出，则产生没有内容的对象。
说明
Object 对象被包含在所有其它 JScript 对象中；在所有其它对象中它的方法和属性都是可用的。在用户定义的对象中可以重定义这些方法，并在适当的时候通过 JScript 调用。toString 方法是经常被重定义的 Object 方法的例子。
代码演示：
<html>
<head>
<title>Object对象的用法演示</title>
</head>
<body>
<script type="text/javascript">
/*toString():将对象转换成字符串*/
function show(){
document.write("show...");
}
document.write(show);//默认调用的是toString()
document.write("<br/>");
document.write(show.toString());
document.write("<br/>");
document.write(show.toLocaleString());
document.write("<br/>");
var arr=[1,5,6,20];
document.write(arr+"<br/>");//默认调用的是toString()
document.write(arr.toString()+"<br/>");
/*valueOf(): 返回指定对象的原始值 */
document.write(arr.valueOf()+"<br/>");//结果和toString()一样
document.write(show.valueOf());//结果和toString()一样
</script>
</body>
</html>
演示结果：
toLocaleString 方法说明：
就是根据你电脑的设置时区，来匹配输出时间的格式，一般在字符串用的少。
说明
toLocaleString 方法返回一个 String 对象，这个对象中包含了用当前区域设置的默认格式表示的日期。
对于公元 1601 和 1999 之间的时间，日期格式要按照用户的“控制面板”中“区域设置”来确定。
F对于此区间外的其他时间，使用 toString 方法的默认格式。
例如，同样是 1 月 5 日，在美国，toLocaleString 可能会返回 “01/05/96 00:00:00”，而在欧洲，返回值则可能是 “05/01/96 00:00:00”，因为欧洲的惯例是将日期放在月份前面。
注意 toLocaleString 只用来显示结果给用户；不要在脚本中用来做基本计算，因为返回的结果是随机器不同而不同的。
String 对象：
可用于处理或格式化文本字符串以及确定和定位字符串中的子字符串。
语法
newString = new String([“stringLiteral”])
参数
newString
必选项。要赋值为 String 对象的变量名。
stringLiteral
可选项。任意 Unicode 字符群。
说明
String 对象可用字符串文字显式创建。用这种方法创建的 String 对象（指以标准字符串形式）与用 new 运算符创建的 String 对象处理上不同。所有字符串文字共享公用的全局字符串对象。如果为字符串文字添加属性，则它对所有标准字符串对象都是可用的：
var alpha, beta;
alpha = “这是一个字符串”;
beta = “这也是一个字符串”;
alpha.test = 10;
在前一示例中，这时为 beta 和所有将来的字符串定义 test。然而，在下面的例子中，被添加属性的处理略有不同：
var gamma, delta;
gamma = new String(“这是一个字符串”);
delta = new String(“这是也一个字符串”);
gamma.test = 10;
在这种情况下，不为 delta 定义 test。每个用 new String 声明的 String 对象有其自己的一组成员。这是对 String 对象和字符串文字的处理不同的唯一情况。
replace 方法
返回根据正则表达式进行文字替换后的字符串的复制。
stringObj.replace(rgExp, replaceText)
参数
stringObj
必选项。要执行该替换的 String 对象或字符串文字。该字符串不会被 replace 方法修改。
rgExp
必选项。为包含正则表达式模式或可用标志的正则表达式对象。也可以是 String 对象或文字。如果 rgExp 不是正则表达式对象，它将被转换为字符串，并进行精确的查找；不要尝试将字符串转化为正则表达式。
replaceText
必选项。是一个String 对象或字符串文字，对于stringObj 中每个匹配 rgExp 中的位置都用该对象所包含的文字加以替换。在 Jscript 5.5 或更新版本中，replaceText 参数也可以是返回替换文本的函数。
slice 方法 (String)
返回字符串的片段。
stringObj.slice(start, [end])
参数
stringObj
必选项。是一个 String 对象或文字。
start
必选项。下标以 0 开始的 stringObj 指定部分起始索引。
end
可选项。下标以 0 起始的 stringObj 的指定部分结束索引。
说明
slice 方法返回一个包含 stringObj 的指定部分的 String 对象。
slice 方法一直复制到 end 所指定的元素，但是不包括该元素。如果 start 为负，将它作为 length + start处理，此处 length 为数组的长度。如果 end 为负，就将它作为 length + end 处理，此处 length 为数组的长度。如果省略 end ，那么 slice 方法将一直复制到 arrayObj 的结尾。如果 end 出现在 start 之前，不复制任何元素到新数组中。
示例
在下面的示例中，slice 方法的两种用法将返回相同的结果。第二个示例中的 -1 指向 str1 中的最后一个字符，并作为提取操作的结束位置。
str1.slice(0)
str2.slice(0,-1)
代码演示：
<html>
<head>
<title>String对象的用法演示</title>
</head>
<body>
<script type="text/javascript" src="out.js">
//注意导入顺序，必须先导入，后面才能用
</script>
<script type="text/javascript">
var str = new String("abc123");
println(str);
var str2 = "qwe234";
println(str2);
</script>
<!-- 加个小知识点<pre>-按原格式输出到网页（空格回车不忽略） -->
<pre>
asdsad
asfd
sdf dsfd
dsfd dsf
</pre>
<script type="text/javascript">
//length属性：返回 String 对象的长度
println(str.length);
println(str.bold());//bold 方法 把 HTML <B> 标记放置在 String 对象中的文本两端。
println(str2.bold());
println(str.charAt(3));
println(str.concat(str2));//连接str+str2---返回新的字符串
println(str.fontcolor("red"));//fontcolor 方法
//把带有 COLOR 属性的一个 HTML <FONT> 标记放置在 String 对象中的文本两端。
println(str.link("http://www.hncu.net"));//link 方法
//把一个有 HREF 属性的 HTML 锚点放置在 String 对象中的文本两端。
println(str.replace("1", "666"));//将1这个字符替换成666
println(str.search("bc"));// 1
//search 方法
//返回与正则表达式查找内容匹配的第一个子字符串的位置。
println( str.slice(1, 4));
println( str.substring(1, 4));//返回位于 String 对象中指定位置的子字符串。
//substring 方法使用 start 和 end 两者中的较小值作为子字符串的起始点。
//例如， strvar.substring(0, 3) 和 strvar.substring(3, 0) 将返回相同的子字符串。
//如果 start 或 end 为 NaN 或者负数，那么将其替换为0。
println( str.strike() );//字符串加删除线
//将 HTML 的<STRIKE> 标识放置到 String 对象中的文本两端。
println( str.substring(0, 4)+str.substring(4, 5).sub() );
//sub() -- 下标-将 HTML 的 <SUB> 标识放置到 String 对象中的文本两端。
println( str.substr(1,3) ); //从位置1开始，截取3个字符
str = "aBcewWfd677";
println( str.toUpperCase() );//返回一个字符串，该字符串中的所有字母都被转化为大写字母。
</script>
</body>
</html>
out.js–代码：
function println(param){
document.write(param+"<br/>");
}
function print(param){
document.write(param);
}360浏览器8.1 演示结果：
prototype属性的用法演示
返回对象类型原型的引用。
objectName.prototype
objectName 参数是对象的名称。
JS是基于对象的，用对象的时候都是临时去读取复制原型的，这个属性，就是改变那个原型的。
用 prototype 属性提供对象的类的一组基本功能。 对象的新实例“继承”赋予该对象原型的操作。
代码演示：
<html>
<head>
<title>prototype属性的用法演示</title>
</head>
<body>
<script type="text/javascript" src="out.js">
</script>
<script type="text/javascript">
//※※※利用prototype更改原型时，如果属性或方法已经存在那么是修改，否则就是添加。
//※※给String原型对象添加一个属性aa
String.prototype.aa=100;
var str = "abc123";
println( str.aa );
println( "aw12".aa );//只要是String型的，都能调用aa，结果都是100
</script>
<script type="text/javascript">
//※※给String原型对象添加一个函数---以trim()为例--去前后空格
//☆☆过渡版
function trim(str){
var start=0;
var end = str.length-1;
while(start<=end && str.charAt(start)==' '){
start++;
}
while(start<=end && str.charAt(end)==' '){
end--;
}
return str.substring(start,end+1);
}
println( trim(" ewwewe ewwewe ") );
//println( " ewwewe ewwewe ".trim() );
</script>
<!--
<script type="text/javascript">
//※※给String原型对象添加一个函数---以trim()为例
//不用传参，将str改为this就可以了。
//☆☆法1---用非匿名函数
function trim(){
var start=0;
var end = this.length-1;
while(start<=end && this.charAt(start)==' '){
start++;
}
while(start<=end && this.charAt(end)==' '){
end--;
}
return this.substring(start,end+1);
}
String.prototype.trim=trim;//给原型对象添加一个trim()方法
println( " yyy 666 ".trim() );
</script>
-->
<script type="text/javascript">
//※※给String原型对象添加一个函数---以trim()为例
//☆☆法2---用匿名函数
String.prototype.trim= function(){ //给原型对象添加一个trim()方法
var start=0;
var end = this.length-1;
while(start<=end && this.charAt(start)==' '){
start++;
}
while(start<=end && this.charAt(end)==' '){
end--;
}
return this.substring(start,end+1);
};
println( " yyrry 666888 ".trim() );
var sstr = new String(" www eee ");
println( sstr.trim() );
</script>
</body>
</html>
360浏览器8.1 演示结果：
prototype扩展：
我们现在扩展一下，假如我们先写好js，再导入，就可以直接用我们自己写的那个函数，那个值了。
代码演示：
<html>
<head>
<title>利用prototype属性给API进行功能扩展</title>
</head>
<body>
<script type="text/javascript" src="out.js">
</script>
<script type="text/javascript" src="stringtools.js">
</script>
<script type="text/javascript">
var str=" hjdsh ";
println( str.trim() );//去掉字符串前后空格
println( str.toCharArray() );//字符串转换为字符数组
var str2 = "abc123";
println( str2 );
println( str2.reverse() );//字符串反转输出
</script>
</body>
</html>
stringtools.js的代码：
//给原型对象添加一个trim()方法
String.prototype.trim = function() {
var start = 0;
var end = this.length - 1;
while (start <= end && this.charAt(start) == ' ') {
start++;
}
while (start <= end && this.charAt(end) == ' ') {
end--;
}
return this.substring(start, end + 1);
};
// 给原型对象添加一个toCharArray()方法
String.prototype.toCharArray = function() {
var chs = [];
for ( var x = 0; x < this.length; x++) {
chs[x] = this.charAt(x);
}
return chs;
};
// 给原型对象添加一个reverse()方法
String.prototype.reverse = function() {
//☆☆js中，函数当中可以再定义函数--内部函数
function swap(arr,x,y){
var temp = arr[x];
arr[x] = arr[y];
arr[y] = temp;
}
var arr = this.toCharArray();
for(var x=0,y=arr.length-1; x<y; x++,y--){
swap(arr,x,y);
}
return arr.join("");//join(str)方法-返回字符串，str就是连接数组元素之间的符号。
};
360浏览器8.1 演示结果：
Array对象使用方法
代码演示：
<html>
<head>
<title>Array对象使用方法演示</title>
</head>
<body>
<script type="text/javascript" src="out.js">
</script>
<script type="text/javascript">
var arr=["aaa","bbb","ccc","ddd"];
println(arr);
var arr2=["111","222","333","okok"];
var newArr = arr.concat(arr2);
println(newArr);
println(newArr.join("-"));
println("<hr/>");
//pop() : 移除数组中的最后一个元素并返回该元素。
println( newArr.pop() );
println(newArr);
//push() : 将新元素添加到一个数组中，并返回数组的新长度值。
arr.push("x1",arr2,"x2");//注意1，arr2在arr当中是一个元素---即arr变成二维数组。注意2，push方法会改变原来的数组。arr长度为：9
println(arr+"----二维数组了");
println(arr.length);
//arr.push("y1",arr2,"z1");//注意1，arr2在arr当中是一个元素---即arr变成二维数组。注意2，push方法会改变原来的数组。arr长度为：9
arr=arr.concat("y1",arr2,"z1");
//注意1，该方法会把数组arr2当中的每个元素取出来，分别添加到arr当中---arr还是一维数组
//注意2，concat方法不会改变原来的数组，连接结果以新数组的形式返回。旧arr的长度还是6，新arr的长度是12
println(arr);
println(arr.length);
arr.sort();
println(arr);
arr.splice(1, 3, "u1","u2","u3","u4","u5");//从1位置开始，删掉3个元素，并且在删除的位置插入:"u1","u2","u3","u4","u5"
println(arr);
//※※※做栈和队列的提示
//unshift---addFirst concat--addLast() shift---removeFirst() pop---removeLast()
//Array.prototype.addFirst=unshift;
</script>
<script type="text/javascript" src="arraytools.js">
</script>
<script type="text/javascript">
var arr=["aaa","bbb","ccc","ddd"];
var max = arr.getMax();
println(max);
println(arr);
</script>
</body>
</html>
arraytools.js代码：
//给原型对象添加一个getMax()方法
Array.prototype.getMax = function() {
var temp=0;
for(var x=1;x<this.length;x++){
if(this[x]>this[temp]){
temp = x;
}
}
return this[temp];
};
Array.prototype.toString = function() {
return "["+this.join("")+"]";
};
360浏览器8.1 演示结果：
prototype属性真的很强大~~~
JavaScript---网络编程(3)-Object、String、Array对象和prototype属性的更多相关文章
- js常用API 数据类型 基本类型,基本包装类型,引用类型 Object String Array Boolean Number Date Math
数据类型 变量.作用域及内存 基础类型(primitive value):Undefined.Null.Boolean.Number和String.这些类型在内存中分别占用固定大小的空间,他们的值保存 ...
- JavaScript中的面向对象编程，详解原型对象及prototype，constructor，proto，内含面向对象编程详细案例（烟花案例）
面向对象编程: 面向:以什么为主,基于什么模式 对象:由键值对组成,可以用来描述事物,存储数据的一种数据格式 编程:使用代码解决需求 面向过程编程: 按照我们分析好的步骤,按步 ...
- JS-Object(2) 原型对象 ，prototype属性。
基础✅ prototype(✅) JS中的继承 使用JSON数据 构建对象实战 基础 关键字"this"指向了当前代码运行时的对象( 原文:the current object t ...
- 对js原型对象、实例化对象及prototype属性的一些见解
什么是原型对象? 请看下面的代码,我们以各种姿势,创建了几个方法! function fn1() { } var fn2 = function () { } var fn3 = new Functio ...
- 吴裕雄--天生自然 JAVASCRIPT开发学习：（String） 对象
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
- Array对象（prototype）
- Javascript面向对象编程（三）：非构造函数的继承（对象的深拷贝与浅拷贝）
Javascript面向对象编程(三):非构造函数的继承 作者: 阮一峰 日期: 2010年5月24日 这个系列的第一部分介绍了"封装",第二部分介绍了使用构造函数实现&quo ...
- JavaScript 面向对象编程（三）：非构造函数对象的继承
JavaScript 面向对象编程(三):非构造函数对象的继承 一.什么是"非构造函数"的继承? 比如,现在有一个对象,叫做"中国人". var Chinese ...
- JavaScript进阶内容笔记1：各种对象类型判断
该文章主要用来介绍JavaScript中常用的一些对象检测判断方法,整理资源来自书本和网络,如有错误或说明不详之处,望评论提出,本菜定提名感谢……(本文章知识比较基础,大牛请提些意见再绕道,三克油^_ ...
随机推荐
- 暑假集训(1)第七弹 -----Oil Deposits（Poj1562)
Description The GeoSurvComp geologic survey company is responsible for detecting underground oil dep ...
- 构建 struts2 spring3 mybatis 的maven项目 构建 pom.xml
学习maven项目时 搭建个ssm项目 算是给自己留个备份吧 环境说明: MyEclipse10 Maven 3.2.3 框架: struts2 2.3.24.1 spring3 3. ...
- c语言位运算符
C语言既具有高级语言的特点,又具有低级语言的功能. 所谓位运算是指进行二进制位的运算. C语言提供的位运算: 运算符 含义 & 按位与 | 按位或 ∧ 按位异或 ∽ ...
- 直接通过curl方式取得数据、模拟登陆、POST数据
博客园的Markdown编辑器太坑爹了@!!! 算了.不用格式了!!! /********************** curl 系列 ***********************/ //直接通过c ...
- Web模板引擎本质前奏
执行字符串表示的函数,并为该函数提供全局变量: #! /usr/bin/env python3 namespace = {'name': 'zingp', 'data': [16, 19, 25]} ...
- C# 在SQLite数据库中存储图像 z
C# 在SQLite数据库中存储图像 更多 0 C# SQLite 建表语句 CREATE TABLE [ImageStore]([ImageStore_Id] INTEGER NOT NULL ...
- QQ宠物吹泡泡游戏小助手 VC++6.0代码分析
最近玩QQ宠物,他总是心情低落,让我很不爽,让他玩耍吧,还得自己点鼠标,所以想偷个懒,试试能不能编个程序让电脑帮我做这个事情. 要干这件事就得先找一个游戏开刀,刚开始我找的是弹力球游戏,不就是点鼠标么 ...
- linux JAVA JDK环境配置
export JAVA_HOME=/usr/local/jdk1.7.0_45export JRE_HOME=/usr/local/jdk1.7.0_45/jreexport CLASSPATH=.: ...
- 第 4 章 多例模式【Multition Pattern】
以下内容出自:24种设计模式介绍与6大设计原则 这种情况有没有?有!大点声,有没有? 有!,是,确实有,就出现在明朝,那三国期间的算不算,不算,各自称帝,各有各的地盘,国号不同.大家还记得那首诗< ...
- Codeforces Round #197 (Div. 2) : E
看了codeforces上的大神写的题解之后,才知道这道题水的根本! 不过相对前面两题来说,这道题的思维要难一点: 不过想到了水的根本,这题也真心不难: 方法嘛,就像剥洋葱一样,从外面往里面剥: 所以 ...