（本章）对象的定义对象（object对）构成介绍

前言：

在本章我们首先学习什么是对象，对象是一种无须的数据集合，由若干个“键值对”（key-value）构成。接下来我们介绍js内置对象，分别是：时间对象、Math对象，通过一些例子来详细介绍他们的一些方法。

什么是对象1.对象的定义

对象（object）是JavaScript的核心概念，也是最重要的数据类型。

所谓对象，带有属性和方法的数据类型，一般由若干个“键值对”（key-value）构成。如：

<pre style="font-size: 1em; font-family: Consolas, Inconsolata, Courier, monospace; line-height: 1.2em; margin-top: 1.2em; margin-bottom: 1.2em;">`var obj = {
content:"Hello xuzhiwen!"}`</pre>

大括号定义了一个对象，他被赋值给变量obj，内部包含一对键值对（属性）js中字符串分割，content是“键名”（属性名），字符串“Hello”是“键值”（属性值）。键名与键值之间用冒号分割。如果有多个键值对，每个键值对之间用都好分隔。

2.键名

键名加不加引号都可以，前面的代码也可以写成这样：

<pre style="font-size: 1em; font-family: Consolas, Inconsolata, Courier, monospace; line-height: 1.2em; margin-top: 1.2em; margin-bottom: 1.2em;">var obj = { "content"："Hello xuzhiwen" };</pre>

3.书写语法

对象的书写语法，通常有三种：

<pre style="font-size: 1em; font-family: Consolas, Inconsolata, Courier, monospace; line-height: 1.2em; margin-top: 1.2em; margin-bottom: 1.2em;">var obj1 = {}; var obj2 = new Object(); var obj3 = Object.create(null);</pre>

遮三句话是等价的。一般来说，第一种采用大括号的写法（即对象字面量的写法)比较简洁，第二种采用构造函数的写法清晰表示了意图，第三种写法一般用子啊需要对象继承的场合。

4.对象的应用

上面的代码中，obj1和obj2指向同一个对象，因此为其中任何一个变量添加属性，另一个变量都可以读写该属性。

当变量是一个原始类型数据时，其值即数据值。如：var num = 1；。

当变量是一个对象（包括数组等）时，该变量实际上存的是该对象的一个应用。如：

内置对象

字符串、数字、布尔值、undefined以及null都是原始类型（primitive）而非对象。而String，Number，Boolean,Object都是语言内置的对象（built-in object），可以通过各自的构造函数得到。

比如子啊JavaScript中，字符串是一个原始类型，他本身没有属性，当你对一个字符串属性运算得时候（如“somestring”.length),javascript引擎会将该字符串包装成一个对象，该对象是通过String构造函数得到的，也就是说“some string”.length实际上是（newString（“some string”））.length。

把基本数据类型转换为对应的引用类型的操作称为装箱，比如：newString（”somestring”），将字符串”some string”转换为一个String对象。

1.对象的属性与方法

对象的特征叫属性，在对象上执行来实现一些功能的动作叫方法（函数）

1.1对象的属性

<pre style="font-size: 1em; font-family: Consolas, Inconsolata, Courier, monospace; line-height: 1.2em; margin-top: 1.2em; margin-bottom: 1.2em;">var message = "Hello World!"; var mlen = message.length; console.log(mlen);</pre>

1.2对象的方法

2.时间对象（Date）

Date()相关方法实现：

<pre style="font-size: 1em; font-family: Consolas, Inconsolata, Courier, monospace; line-height: 1.2em; margin-top: 1.2em; margin-bottom: 1.2em;">var nowTime = new Date(); console.log(nowTime); var year = nowTime.getFullYear(); var moth = nowTime.getMonth() + 1; var date = nowTime.getDate(); var h = nowTime.getHours(); var m = nowTime.getMinutes(); var s = nowTime.getSeconds(); console.log(year + '.'+ moth + '.'+ date + '/'+ h + ':'+ m + ':'+ s);</pre>

返回星期的方法：

<pre style="font-size: 1em; font-family: Consolas, Inconsolata, Courier, monospace; line-height: 1.2em; margin-top: 1.2em; margin-bottom: 1.2em;">var now = new Date(); var weekday=["星期天","星期一","星期二","星期三","星期四","星期五","星期六"]; var mynum = now.getDay(); console.log(mynum); console.log(weekday[mynum]);</pre>

3.String对象

<pre style="font-size: 1em; font-family: Consolas, Inconsolata, Courier, monospace; line-height: 1.2em; margin-top: 1.2em; margin-bottom: 1.2em;">var mystr = "Hello Xuzhiwne!" var mylen = mystr.length; var myup = mystr.toUppercase();//转换为大写mystr.toLowercase();//转换为小写 console.log("字符串的长度:" +mylen); console.log("大写转换后:" +myup); console.log("小写转换后:" +mylow);</pre>

3.1返回字符串手首次出现的位置

indexOf()方法可返回某个指定的字符串值在字符串中首次出现的位置。

使用语法：

<pre style="font-size: 1em; font-family: Consolas, Inconsolata, Courier, monospace; line-height: 1.2em; margin-top: 1.2em; margin-bottom: 1.2em;">stringObject.indexOf(substring,startops);</pre>

参数说明：substring必填的哦，就是你想要搜索的子字符串。

startpos是可选填的整数参数，规定开始检索的位置，取值范围是0到stringObjuect.length-1。省略的话就从首字符开始检索。

需要注意的是：indexOf()方法区分大小写。

如果需要检索的字符串值没有出现，则该方法返回-1.

<pre style="font-size: 1em; font-family: Consolas, Inconsolata, Courier, monospace; line-height: 1.2em; margin-top: 1.2em; margin-bottom: 1.2em;">var mystr = "I like JavaScript!"; console.log(mystr.indexOf('I')); console.log(mystr.indexOf('v')); console.log(mystr.indexOf('v ' ,8)); console.log(mystr.indexOf('a ' ,mystr.indexOf('a') + 1));</pre>

3.2.返回指定位置字符

charAt()方法可返回指定位置的自负。返回的字符长度为1的字符串。

使用语法：

<pre style="font-size: 1em; font-family: Consolas, Inconsolata, Courier, monospace; line-height: 1.2em; margin-top: 1.2em; margin-bottom: 1.2em;">stringObject.charAt(index);</pre>

参数说明：index必填，表示字符串中某个位置的数字，即字符在字符串中的下标。

3.3.字符串分割

split()方法将字符串分割为字符串数组，并返回此数组。

使用语法：

<pre style="font-size: 1em; font-family: Consolas, Inconsolata, Courier, monospace; line-height: 1.2em; margin-top: 1.2em; margin-bottom: 1.2em;">stringObject.split(separator , limit);</pre>

参数说明：separator必填，从该参数置顶的地方分割stringObject。limit可选参数，分割的次数，如果设置，返回的字串

需要注意的是：如果把空字符串””用作separator，那么stringObject中的每个字符之间都会被分割。

<pre style="font-size: 1em; font-family: Consolas, Inconsolata, Courier, monospace; line-height: 1.2em; margin-top: 1.2em; margin-bottom: 1.2em;">var mystr = "www.xuzhiwen.com"; console.log(mystr.split(".","2"));</pre>

3.4.提取字符串

substring()方法用于提取字符串中介于两个指定下标之间的自负。

使用语法：

<pre style="font-size: 1em; font-family: Consolas, Inconsolata, Courier, monospace; line-height: 1.2em; margin-top: 1.2em; margin-bottom: 1.2em;">stringObject.substring(satarPos, stopPos );</pre>

参数说明：starPos必填，一个非负的整数，提取的开始位置；stopPos可选参数，截取的结束位置，如果不填，那么反水的字串会一直到字符串对象的结尾。

需要注意的是：

返回的内容是从star开始（包含start位置的字符）到stop - 1处的所有字符，其长度为stop减start

如果参数start与stop相等，纳闷该方法返回的就是一个空串（即长度为0的字符串）。

如果start比stop大，那么该方法在提取字串之前会县交换这两个参数。

<pre style="font-size: 1em; font-family: Consolas, Inconsolata, Courier, monospace; line-height: 1.2em; margin-top: 1.2em; margin-bottom: 1.2em;"> var mystr = "I like JavaScript!"; console.log(mystr.substring(2 )); console.log(mystr.substring(2 ,6));</pre>

3.5提取指定数目的字符串

substr()方法从字符串中提取从指定位置开始指定数目的字符串。

使用语法：

<pre style="font-size: 1em; font-family: Consolas, Inconsolata, Courier, monospace; line-height: 1.2em; margin-top: 1.2em; margin-bottom: 1.2em;">stringObject.substr(startPos, length);</pre>

参数说明：starPos必填的哦，要提取的子串的起始位置，必须是数值：length，可选，只提取字符串的长度，如果省略，则返回从stringObject的开始位置startPos是负数，从字符串的尾部开始算起的位置。也就是说，-1指字符串中最后一个字符，-2指倒数第二个字符，一次类推。

如果starPos为负数且绝对值大于字符串长度，startPos为0。

<pre style="font-size: 1em; font-family: Consolas, Inconsolata, Courier, monospace; line-height: 1.2em; margin-top: 1.2em; margin-bottom: 1.2em;"> var mystr = "I like JavaScript!"; console.log(mystr.substr(2 )); console.log(mystr.substr(2 ,6));</pre>

4.Math对象

Math对象是一个可以直接使用的对象，他与其他的对象区别在于，String、Date、Number其实都是函数，都可以当作普通函数、构造函数来用，而Math直接就是一个对象。

Math有很多直接可用的方法，比如：

<pre style="font-size: 1em; font-family: Consolas, Inconsolata, Courier, monospace; line-height: 1.2em; margin-top: 1.2em; margin-bottom: 1.2em;">console.log(Math.PI); console.log(Math.abs(-15));</pre>

4.1取整方法

<pre style="font-size: 1em; font-family: Consolas, Inconsolata, Courier, monospace; line-height: 1.2em; margin-top: 1.2em; margin-bottom: 1.2em;">console.log((Math.random()) * 10); //输出一个0至10之间的随机整数 console.log(Math.round(Math.random() * 10));</pre>

4.3最大值最小值

5.数组对象（Date）

数组定义的方法：

定义了一个空数组：var数组名=new Array(n);

定义时指定有n个空元素的数组：var 数组名 = new Array(n);

定义数组的时候，直接初始化数据：var 数组名 = [,,……];

我们定义myArray数组，并赋值js中字符串分割，代码如下：

<pre style="font-size: 1em; font-family: Consolas, Inconsolata, Courier, monospace; line-height: 1.2em; margin-top: 1.2em; margin-bottom: 1.2em;">var myArray = [2, 5, 6];</pre>

说明：定义了一个数组myArray,里边的元素是：

<pre style="font-size: 1em; font-family: Consolas, Inconsolata, Courier, monospace; line-height: 1.2em; margin-top: 1.2em; margin-bottom: 1.2em;">`myArray[0] = 2;
myArray[1] = 5;
myArray[2] = 6;`</pre>

5.1数组连接

concat()方法用于连接两个或多个数组。此方法返回一个新数组，不改变原来的数组。

使用语法：

<pre style="font-size: 1em; font-family: Consolas, Inconsolata, Courier, monospace; line-height: 1.2em; margin-top: 1.2em; margin-bottom: 1.2em;">array1.concat(array2, array3,...arrayi.....,arrayN);</pre>

参数说明：array1是要连接的第一个数组，arrayi是后续连接的第i个数组。

<pre style="font-size: 1em; font-family: Consolas, Inconsolata, Courier, monospace; line-height: 1.2em; margin-top: 1.2em; margin-bottom: 1.2em;">var mya1 = new Array("Hello!"); var mya1 = new Array("I", "love"); var mya1 = new Array("Javascript", "!"); console.log(may1.concat(mya2,mya3)); console.log(mya1);</pre>

5.2数组连接成字符串

split()将字符串分割并返回数组；

join()方法用于把数组中的所有元素放入一个字符串，并返回这个字符串。元素是通过指定的分隔符进行分隔的，不影响原数组。

使用语法：

<pre style="font-size: 1em; font-family: Consolas, Inconsolata, Courier, monospace; line-height: 1.2em; margin-top: 1.2em; margin-bottom: 1.2em;">arrayObject.join(separator);</pre>

参数说明：separator可选，指定要使用的分隔符，如省略，则用逗号作为分隔符。

<pre style="font-size: 1em; font-family: Consolas, Inconsolata, Courier, monospace; line-height: 1.2em; margin-top: 1.2em; margin-bottom: 1.2em;">`var myarr = new Array(3);
myarr[0] = "www";
myarr[1] = "xuwhiwen";
myarr[2] = "com";console.log(myarr.join(".");`</pre>

文章由官网发布，如若转载，请注明出处：https://www.veimoz.com/1733

数组字符串函数对象数组 js截取字符串 js中字符串分割 js中去掉最后一个字符 js中怎么分割字符串键值

0 评论

564