JavaScript进阶 系统对象的学习运用

一、Math

1、Math.random() ：返回介于 0 和 1 之间的伪随机数。

2、Math.ceil(num) ：返回一个大于num的整数。

3、Math.floor(num)： 返回一个小于num的整数

4、Math.round(num) ： 返回一个四舍五入的整数

abs 方法 | 

acos 方法 | 

asin 方法 | 

atan 方法 | 

atan2 方法 | 

cos 方法 | 

exp 方法 | 

log 方法 | 

max 方法 | 

min 方法 | 

pow 方法 | 

sin 方法 | 

sqrt 方法 |

 tan 方法

二、String对象：

大概分为四大类：分割、匹配、查找、替换

复杂的操作需要配合 ” 正则表达式“ 使用。

正则表达式-----符合特定规则的表达式。基本用语模糊查询

anchor 方法：在对象中的指定文本两端放置一个有 NAME 属性的 HTML 锚点。strVariable.anchor(anchorString)返回值为<A NAME="anchorString">strVariable</A>

big 方法 ：把 HTML <BIG> 标记放置在 String 对象中的文本两端。strVariable.big( ) 返回值为：<BIG>strVariable</BIG>

blink 方法 ： 把 HTML <BLINK> 标记放置在 String 对象中的文本两端。strVariable.blink( )的返回值为：<BLINK>strVariable</BLINK>

bold 方法 ： 把 HTML <B> 标记放置在 String 对象中的文本两端。strVariable.bold() 的返回值为：<B>strVariable</B>

charAt 方法 ：返回指定索引位置处的字符。strObj.charAt(index)

charCodeAt 方法 ：返回一个整数，代表指定位置上字符的 Unicode 编码。strObj.charCodeAt(index)

concat 方法 ：连接两个或者多个字符串。string1.concat([string2[, string3[, . . . [, stringN]]]])。返回结果：result = string1 + string2 + string3 + … + stringN。

fixed 方法 ：把 HTML <TT> 标记放置在 String 对象中的文本两端。strVariable.fixed( )的返回结果是：<TT>strVariable</TT>

fontcolor 方法 ：把带有 COLOR 属性的一个 HTML <FONT> 标记放置在 String 对象中的文本两端。strVariable.fontcolor(colorVal)返回：<FONT COLOR="RED">strVariable</FONT>

fontsize 方法 ：把一个带有 SIZE 属性的 HTML <FONT> 标记放置在 String 对象中的文本的两端。strVariable.fontsize(intSize) 返回：<FONT SIZE="intSize">strVariable</FONT>

fromCharCode 方法 ：从一些 Unicode 字符值中返回一个字符串。String.fromCharCode([code1[, code2[, ...[, codeN]]]])，如果没有给参数，返回空字符串。例：var test = String.fromCharCode(112, 108, 97, 105, 110);   得到test的值为："plain"

indexOf 方法 ：返回 String 对象内第一次出现子字符串的字符位置。strObj.indexOf(subString[, startIndex])。startIndex省略时代表从字符串第一个元素开始找

italics 方法 ：把 HTML <I> 标记放置在 String 对象中的文本两端。strVariable.italics( ) 返回：<I>strVariable</I>

lastIndexOf 方法 ：返回 String 对象中子字符串最后出现的位置。strObj.lastIndexOf(substring[, startindex])。strObj中返回最后出现substring的位置，startindex如省略，说明从最后一个索引开始找。

link 方法 ：把一个有 HREF 属性的 HTML 锚点放置在 String 对象中的文本两端。 strVariable.link(linkstring)返回：<a href="linkstring">strVariable</A>

match 方法 ：使用正则表达式模式对字符串执行查找，并将包含查找的结果作为数组返回。stringObj.match(rgExp) 

replace 方法 ：返回根据正则表达式进行文字替换后的字符串的复制。stringObj.replace(rgExp, replaceText)

search 方法 ：返回与正则表达式查找内容匹配的第一个子字符串的位置。stringObj.search(rgExp)

slice 方法 ：返回字符串的片段。stringObj.slice(start, [end])

small 方法 ：将 HTML 的<SMALL> 标识添加到String 对象中的文本两端。strVariable.small( ) 返回：<SMALL>strVariable</SMALL>

split 方法 ：将一个字符串分割为子字符串，然后将结果作为字符串数组返回。stringObj.split([separator[, limit]])

strike 方法 ：将 HTML 的<STRIKE> 标识放置到 String 对象中的文本两端。strVariable.strike( )返回：<STRIKE>strVariable</STRIKE>

sub 方法 ：将 HTML 的 <SUB> 标识放置到 String 对象中的文本两端。strVariable.sub( ) 返回：<SUB>strVariable</SUB>

substr 方法 ：返回一个从指定位置开始的指定长度的子字符串。stringvar.substr(start [, length ])

substring 方法 ：返回位于 String 对象中指定位置的子字符串。 strVariable.substring(start, end)

sup 方法 ：将 HTML 的 <SUP> 标识放置到 String 对象中的文本两端。strVariable.sup( ) 返回：<SUP>strVariable</SUP>

toLowerCase 方法 ：返回一个字符串，该字符串中的字母被转换为小写字母。strVariable.toLowerCase( )

toUpperCase 方法 ：返回一个字符串，该字符串中的所有字母都被转化为大写字母。strVariable.toUpperCase( )

toString 方法 ：返回对象的字符串表示。objectname.toString([radix])

valueOf 方法 ：返回指定对象的原始值。object.valueOf( )

三、Array对象：

concat 方法 ：连接数组。返回连接后的数组。array1.concat([item1[, item2[, . . . [, itemN]]]])

join 方法 ：在数组之间插入特定的分隔符，然后连接返回一个字符串。arrayObj.join(separator)

pop 方法 ：移除数组中的最后一个元素并返回该元素。arrayObj.pop( )

push 方法 ：将新元素添加到一个数组中末尾，并返回数组的新长度值。arrayObj.push([item1 [item2 [. . . [itemN ]]]])

reverse 方法 ：返回一个元素顺序被反转的 Array 对象。arrayObj.reverse( )

shift 方法 ：移除数组中的第一个元素并返回该元素。arrayObj.shift( )

slice 方法 ：返回一个数组的一段。arrayObj.slice(start, [end]) 

sort 方法 ：返回一个元素已经进行了排序的 Array 对象。arrayobj.sort(sortfunction) 。sortfunction为空或负值，则升序；0为...；如为正值，则降序。

splice 方法 ：从一个数组中移除一个或多个元素，如果必要，在所移除元素的位置上插入新元素，返回所移除的元素。arrayObj.splice(start, deleteCount, [item1[, item2[, . . . [,itemN]]]])

toLocaleString 方法 ：返回一个日期，该日期使用当前区域设置并已被转换为字符串。 dateObj.toLocaleString()

toString 方法 ：返回对象的字符串表示。objectname.toString([radix])

unshift 方法 ：将指定的元素插入数组开始位置并返回该数组。arrayObj.unshift([item1[, item2 [, . . . [, itemN]]]])

valueOf 方法 ：返回指定对象的原始值。object.valueOf( )

四、数组对象实例：贪吃蛇地图制作

<script>var rows = 20;  //地图的行var cols = 20;   //地图的列var w = 20;//方格的宽var h = 20;//方格的高var map = new Array(); //设置地图数组，并赋初值为0（配合后面判断，设置每一个方格的颜色for(var i=0;i<rows;i++){map[i] = new Array();for(var j=0;j<cols;j++){map[i][j] = 0;}}while(true){var i1=Math.floor(Math.random()*rows);var j1=Math.floor(Math.random()*cols);var i2=Math.floor(Math.random()*rows);var j2=Math.floor(Math.random()*cols);//判断如果食物和蛇重叠，重新取随机数；如不重叠，给下标赋值，并跳出循环if(i1==i2 && j1==j2)continueelse{//食物map[i1][j1] = 1;//蛇map[j2][j2] = 2;break;}}for(var i=0;i<rows;i++){for(var j=0;j<cols;j++){//判断格子的值，0为黄色，1为蓝色，2为红色if(map[i][j]==1)var bg = "blue";else if(map[i][j] ==2)var bg = "red";elsevar bg = "yellow";//画格子document.write('<div style="position:absolute;top:'+(100+h*i)+'px;left:'+(100+w*j)+'px;width:'+w+'px;height:'+h+'px;overflow:hidden;background:'+bg+';border:1px solid white;"></div>');}}</script>