<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<script>
//单层注释
/*
* 多层注释
*/
var i = 0;//声明变量,并赋值,整数
var a = 1,b = 2,c = "=";//同时声明多个变量并赋值
var UnDef;//只声明变量,不赋值,则默认值为undefined
var ReDef = "ReDef";//字符串
var ReDef;//重新声明变量(不赋值),若变量曾有值,则此变量值不变
document.write(i+a+"<br />");//变量的运算,标签的引用
document.write(UnDef+"<br />");
document.write(ReDef+"<br />");
document.write(c+"Jian \
Shu");//拆行
</script>
</body>
</html>
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1.变量必须以字母开头;
2.变量也能以 $ 和 _ 符号开头(不推荐);
3.变量名严格区分大小写;
4.var 用来声明变量, = 用来给变量赋值.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<script>
/*未定义&空*/
var Undef;//undefined
var Used = null;//清空不用的变量
document.write("未定义&空:"+Undef+"<br />");
/*数字*/
var a = 1;//整数
var b = 18.99;//小数
var c = 12.34e5;//科学计数法
var d = 12e-4;
document.write("数字:a+b+c="+(a+b+c+d)+"<br />");//此处若要输出a+b+c+d的数字和,需加小括号单独对其进行运算
/*字符串*/
var str = "string";//字符串
var name1 = "My name is 'Jian Shu'";//语句,''引用
var name2 = 'My name is "Jian Shu"';//语句,""引用
var unnor = "\"";//转义字符\,后面加系统引用的字符
document.write("字符串:"+name1+unnor+"<br />");
/*布尔*/
var IsOk = true;//逻辑值,真
var IsNo = false;//逻辑值,假
document.write("布尔:"+IsOk+" "+IsNo+"<br />");
/*数组*/
var arr1 = new Array();//声明一个数组
arr1[0] = "one";//赋值,数组下标从0开始
arr1[1] = "two";//数组的长度等于 最大的下标+1
var arr2 = new Array("one","two");//声明并赋值
var arr3 = ["one","two"];//[]表示数组
document.write("数组:"+arr1+" 长度:"+arr1.length+"<br />");
/*对象*/
var person = {name:"xx",age:16,sex:true};//对象(字典)由{name1:value,....}组成
var PersonName = person["name"];//通过下标name获取value
person.age = 18;//通过.name获取value
document.write("对象:"+PersonName+" "+person.age+"<br />");
/*变量类型*/
var Num = new Number;//数字 默认值为0
var Str = new String;//字符串
var Bol = new Boolean;//布尔值 默认值为false
var Arr = new Array;//数组
var Obj = new Object;//对象
document.write("变量类型:Num "+Num+" Str: "+Str+" Bol: "+Bol+" Arr: "+Arr+" Obj: "+Obj);
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>数字</title>
<style type="text/css">
.code{
color: gray;
border: 1px solid gainsboro;
font-size: 15px;
}
pre{
margin: 1em 0em 1em -19em;
font-family: "楷体";
}
.result{
color: gray;
background-color: ghostwhite;
font-size: 16px;
padding: 0.5em 1em;
}
h3{
color: red;
}
.result span:first-child{
display: block;
float: left;
width: 10em;
color: black;
}
</style>
<script type="text/javascript">
function objDisplay(eleId,obj){
if(typeof(eleId)!="string" || typeof(obj)!="object"){
alert("Function objDisplay() need the first parameter string and second object !")
}else{
var ele = document.getElementById(eleId);
if(!ele || !obj){
alert("Please check the parameter !")
}else{
for(i in obj){
var div = document.createElement("div");
for(var j=0;j<2;j++){
var span = document.createElement("span");
if(j==0) span.innerHTML = i+" : ";
else span.innerHTML = obj[i];
div.appendChild(span);
}
ele.appendChild(div);
}
}
}
}
</script>
</head>
<body>
<ul>
<li>
<h3>01. 原始数据</h3>
<h4>代码:</h4>
<div class="code">
<pre>
//新建数字
var num01 = 12;
//数字表示方法
var numDict = {
Integer:1,//整数
Float:1.2,//小数
ScientificNotation:1.2e2,//科学计数
Octal:011,//8进制(首位0)
Hexadecimal:0x11//16进制(首位0x)
}
//展示
objDisplay("num01",numDict);
document.getElementById("num01_01").innerHTML = num01;
</pre>
</div>
<h4>结果:</h4>
<div id="num01" class="result"></div>
<p id="num01_01" class="result"></p>
<hr />
<script>
//新建数字
var num01 = 12;
//数字表示方法
var numDict = {
Integer:1,//整数
Float:1.2,//小数
ScientificNotation:1.2e2,//科学计数
Octal:011,//8进制(首位0)
Hexadecimal:0x11//16进制(首位0x)
}
//展示
objDisplay("num01",numDict);
document.getElementById("num01_01").innerHTML = num01;
</script>
</li>
<li>
<h3>02. 使用Number()创建数字</h3>
<h4>代码:</h4>
<div class="code">
<pre>
//定义number对象
var num02_01 = new Number(16.8);
var num02_dict = {
num02:new Number(12),//通常更偏向使用原始数据定义
numResult:Number(12),//Number()函数的返回值,转换的原始数据
numNaN:Number("xx")//转换失败,返回NaN
}
//展示
objDisplay("num02",num02_dict);
document.getElementById("num02_01").innerHTML = num02_01;
</pre>
</div>
<h4>结果:</h4>
<div id="num02" class="result"></div>
<p id="num02_01" class="result"></p>
<hr />
<script>
//定义number对象
var num02_01 = new Number(16.8);
var num02_dict = {
num02:new Number(12),//通常更偏向使用原始数据定义
numResult:Number(12),//Number()函数的返回值,转换的原始数据
numNaN:Number("xx")//转换失败,返回NaN
}
//展示
objDisplay("num02",num02_dict);
document.getElementById("num02_01").innerHTML = num02_01;
</script>
</li>
<li>
<h3>03. 数字的属性</h3>
<h4>代码:</h4>
<div class="code">
<pre>
//属性的使用
var maxIntNum = Number.MAX_SAFE_INTEGER;
var attNumDict = {
maxNum:Number.MAX_VALUE,//最大值
minNum:Number.MIN_VALUE,//最小值
NaNNum:Number.NaN,//非数字
NegNum:Number.NEGATIVE_INFINITY,//负无穷大
PosNum:Number.POSITIVE_INFINITY,//正无穷大
ConNum:Number.constructor,//返回Number函数的引用
ProNum:Number.prototype//可为对象添加属性和方法
}
//展示
objDisplay("att03",attNumDict);
document.getElementById("att03_01").innerHTML = maxIntNum;
</pre>
</div>
<h4>结果:</h4>
<div id="att03" class="result"></div>
<p id="att03_01" class="result"></p>
<hr />
<script>
//属性的使用
var maxIntNum = Number.MAX_SAFE_INTEGER;
var attNumDict = {
maxNum:Number.MAX_VALUE,//最大值
minNum:Number.MIN_VALUE,//最小值
NaNNum:Number.NaN,//非数字
NegNum:Number.NEGATIVE_INFINITY,//负无穷大
PosNum:Number.POSITIVE_INFINITY,//正无穷大
ConNum:Number.constructor,//返回Number函数的引用
ProNum:Number.prototype//可为对象添加属性和方法
}
//展示
objDisplay("att03",attNumDict);
document.getElementById("att03_01").innerHTML = maxIntNum;
</script>
</li>
<li>
<h3>04. 数字的方法</h3>
<h4>代码:</h4>
<div class="code">
<pre>
//方法的使用
var numValue = 12.6.valueOf();//数字的值
var numFunDict = {
numStr:numValue.toString(10),//以10进制转换num到str
numLoc:numValue.toLocaleString(),//以数字顺序格式转换
numFix:numValue.toFixed(2),//将数字转换为字符串,并保留2位小数
numExp:numValue.toExponential(2),//将数字转换为2位小数的科学计数法
numPre:numValue.toPrecision(2)//数字的总长度,四舍五入
}
//展示
objDisplay("fun04",numFunDict);
document.getElementById("fun04_01").innerHTML = numValue;
</pre>
</div>
<h4>结果:</h4>
<div id="fun04" class="result"></div>
<p id="fun04_01" class="result"></p>
<hr />
<script>
//方法的使用
var numValue = 12.6.valueOf();//数字的值
var numFunDict = {
numStr:numValue.toString(10),//以10进制转换num到str
numLoc:numValue.toLocaleString(),//以数字顺序格式转换
numFix:numValue.toFixed(2),//将数字转换为字符串,并保留2位小数
numExp:numValue.toExponential(2),//将数字转换为2位小数的科学计数法
numPre:numValue.toPrecision(2)//数字的总长度,四舍五入
}
//展示
objDisplay("fun04",numFunDict);
document.getElementById("fun04_01").innerHTML = numValue;
</script>
</li>
</ul>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>字符串</title>
<style type="text/css">
.code{
color: gray;
border: 1px solid gainsboro;
font-size: 15px;
}
pre{
margin: 1em 0em 1em -19em;
font-family: "楷体";
}
.result{
color: gray;
background-color: ghostwhite;
font-size: 16px;
padding: 0.5em 1em;
}
h3{
color: red;
}
.result span:first-child{
display: block;
float: left;
width: 10em;
color: black;
}
</style>
<script type="text/javascript">
function objDisplay(eleId,obj){
if(typeof(eleId)!="string" || typeof(obj)!="object"){
alert("Function objDisplay() need the first parameter string and second object !")
}else{
var ele = document.getElementById(eleId);
if(!ele || !obj){
alert("Please check the parameter !")
}else{
for(i in obj){
var div = document.createElement("div");
for(var j=0;j<2;j++){
var span = document.createElement("span");
if(j==0) span.innerHTML = i+" : ";
else span.innerHTML = obj[i];
div.appendChild(span);
}
ele.appendChild(div);
}
}
}
}
</script>
</head>
<body>
<ul>
<li>
<h3>01. 字符串</h3>
<h4>代码:</h4>
<div class="code">
<pre>
//新建字符串
var basStr = "Hello World !";
var strDict = {
objStr:new String("Hello"),//对象方式创建
funStr:String("World"),//函数返回值
length:basStr.length,//字符串长度
chaStr:basStr[0]//获取字符串的下标字母(0~length-1)
}
//展示
objDisplay("str01",strDict);
document.getElementById("str01_01").innerHTML = basStr;
</pre>
</div>
<h4>结果:</h4>
<div id="str01" class="result"></div>
<p id="str01_01" class="result"></p>
<hr />
<script>
//新建字符串
var basStr = "Hello World !";
var strDict = {
objStr:new String("Hello"),//对象方式创建
funStr:String("World"),//函数返回值
length:basStr.length,//字符串长度
chaStr:basStr[0]//获取字符串的下标字母(0~length-1)
}
//展示
objDisplay("str01",strDict);
document.getElementById("str01_01").innerHTML = basStr;
</script>
</li>
<li>
<h3>02. 字符串方法</h3>
<h4>代码:</h4>
<div class="code">
<pre>
//定义字符串
var str = ("Hello World !").valueOf();
var strDict = {
anchorStr:str.anchor("myAnchor"),//锚点<a name="myAnchor">Hello World !</a>
bigStr:str.big(),//大号字体
smallStr:str.small(),//小号字体
boldStr:str.bold(),//粗体
italicsStr:str.italics(),//斜体
strikeStr:str.strike(),//删除线
blinkStr:str.blink(),//闪动字符串IE
fixedStr:str.fixed(),//以打字机文本显示字符串
fontColorStr:str.fontcolor("red"),//以指定颜色显示字符串
fontSizeStr:str.fontsize(1),//以指定大小显示字符串1-7
subStr:str.sub(),//下标
supStr:str.sup(),//上标
localLowerCaseStr:str.toLocaleLowerCase(),//按本地方式转成全部小写,只有个别语言有自己单独的大小写对应
localUpperCaseStr:str.toLocaleUpperCase(),//按本地方式转成全部大写
lowerCaseStr:str.toLowerCase(),//全部转换小写
upperCaseStr:str.toUpperCase(),//全部转换大写
toStringStr:str.toString(),//转换为字符串
linkStr:str.link("http://www.jianshu.com"),//将字符串连接为url
fromCharCodeStr:String.fromCharCode(72,73,74),//静态方法,以Unicode编码创建字符串
localeCompareStr:str.localeCompare("Hf"),//通过Unicode码每个字母逐个比较,全部相等则0,遇到<则返回-1,遇到>则返回1
concatStr:str.concat("+",str),//连接字符串,等同于+号运算
charAtStr:str.charAt(0),//返回指定位置的字符
charCodeAtStr:str.charCodeAt(0),//返回指定位置字符的Unicode编码
indexOfStr:str.indexOf("l",0),//从0开始检索字母l的位置,返回第一个字母的第一个位置
lastIndexOfstr:str.lastIndexOf("l"),//从后向前检索,省略第二个参数默认从最后一位开始
searchStr:str.search(/Or/i),//返回第一个字母的第一个位置,/i忽略大小写,无结果返回-1
replaceStr:str.replace(/ /g,"+"),//(" ","+")此方式只能替换第一个,/g替换全局,/i忽略大小写替换
matchStr:str.match("He"),//字符串匹配,匹配上则返回此字符串,否则返回空(字符串的包含校验)
sliceStr:str.slice(2,7),//从第二位截取到第六位,支持负数,end不填默认尾
substrStr:str.substr(2,3),//从下标2截取3个长度的字符,长度省略时,默认截取到尾部
subStringStr:str.substring(2,8),//从下标2开始,截取到下标8,无end值,默认尾,区别为此方法不可输入负数
splitStr:str.split(" ",2),//以" "分割成数组,若以"",则每个字母作为数组的一个元素,2定义数组的长度,不写默认全部分割
}
//展示
objDisplay("fun02",strDict);
document.getElementById("fun02_01").innerHTML = str;
</pre>
</div>
<h4>结果:</h4>
<div id="fun02" class="result"></div>
<p id="fun02_01" class="result"></p>
<hr />
<script>
//定义字符串
var str = ("Hello World !").valueOf();
var strDict = {
anchorStr:str.anchor("myAnchor"),//锚点<a name="myAnchor">Hello World !</a>
bigStr:str.big(),//大号字体
smallStr:str.small(),//小号字体
boldStr:str.bold(),//粗体
italicsStr:str.italics(),//斜体
strikeStr:str.strike(),//删除线
blinkStr:str.blink(),//闪动字符串IE
fixedStr:str.fixed(),//以打字机文本显示字符串
fontColorStr:str.fontcolor("red"),//以指定颜色显示字符串
fontSizeStr:str.fontsize(1),//以指定大小显示字符串1-7
subStr:str.sub(),//下标
supStr:str.sup(),//上标
localLowerCaseStr:str.toLocaleLowerCase(),//按本地方式转成全部小写,只有个别语言有自己单独的大小写对应
localUpperCaseStr:str.toLocaleUpperCase(),//按本地方式转成全部大写
lowerCaseStr:str.toLowerCase(),//全部转换小写
upperCaseStr:str.toUpperCase(),//全部转换大写
toStringStr:str.toString(),//转换为字符串
linkStr:str.link("http://www.jianshu.com"),//将字符串连接为url
fromCharCodeStr:String.fromCharCode(72,73,74),//静态方法,以Unicode编码创建字符串
localeCompareStr:str.localeCompare("Hf"),//通过Unicode码每个字母逐个比较,全部相等则0,遇到<则返回-1,遇到>则返回1
concatStr:str.concat("+",str),//连接字符串,等同于+号运算
charAtStr:str.charAt(0),//返回指定位置的字符
charCodeAtStr:str.charCodeAt(0),//返回指定位置字符的Unicode编码
indexOfStr:str.indexOf("l",0),//从0开始检索字母l的位置,返回第一个字母的第一个位置
lastIndexOfstr:str.lastIndexOf("l"),//从后向前检索,省略第二个参数默认从最后一位开始
searchStr:str.search(/Or/i),//返回第一个字母的第一个位置,/i忽略大小写,无结果返回-1
replaceStr:str.replace(/ /g,"+"),//(" ","+")此方式只能替换第一个,/g替换全局,/i忽略大小写替换
matchStr:str.match("He"),//字符串匹配,匹配上则返回此字符串,否则返回空(字符串的包含校验)
sliceStr:str.slice(2,7),//从第二位截取到第六位,支持负数,end不填默认尾
substrStr:str.substr(2,3),//从下标2截取3个长度的字符,长度省略时,默认截取到尾部
subStringStr:str.substring(2,8),//从下标2开始,截取到下标8,无end值,默认尾,区别为此方法不可输入负数
splitStr:str.split(" ",2),//以" "分割成数组,若以"",则每个字母作为数组的一个元素,2定义数组的长度,不写默认全部分割
}
//展示
objDisplay("fun02",strDict);
document.getElementById("fun02_01").innerHTML = str;
</script>
</li>
</ul>
</body>
</html>
| 方法 |
含义 |
| Date() |
返回当日的日期和时间。 |
| getDate() |
从 Date 对象返回一个月中的某一天 (1 ~ 31)。 |
| getDay() |
从 Date 对象返回一周中的某一天 (0 ~ 6)。 |
| getMonth() |
从 Date 对象返回月份 (0 ~ 11)。 |
| getFullYear() |
从 Date 对象以四位数字返回年份。 |
| getHours() |
返回 Date 对象的小时 (0 ~ 23)。 |
| getMinutes() |
返回 Date 对象的分钟 (0 ~ 59)。 |
| getSeconds() |
返回 Date 对象的秒数 (0 ~ 59)。 |
| getMilliseconds() |
返回 Date 对象的毫秒(0 ~ 999)。 |
| getTime() |
返回 1970 年 1 月 1 日至今的毫秒数。 |
| getTimezoneOffset() |
返回本地时间与格林威治标准时间 (GMT) 的分钟差。 |
| getUTCDate() |
根据世界时从 Date 对象返回月中的一天 (1 ~ 31)。 |
| getUTCDay() |
根据世界时从 Date 对象返回周中的一天 (0 ~ 6)。 |
| getUTCMonth() |
根据世界时从 Date 对象返回月份 (0 ~ 11)。 |
| getUTCFullYear() |
根据世界时从 Date 对象返回四位数的年份。 |
| getUTCHours() |
根据世界时返回 Date 对象的小时 (0 ~ 23)。 |
| getUTCMinutes() |
根据世界时返回 Date 对象的分钟 (0 ~ 59)。 |
| getUTCSeconds() |
根据世界时返回 Date 对象的秒钟 (0 ~ 59)。 |
| getUTCMilliseconds() |
根据世界时返回 Date 对象的毫秒(0 ~ 999)。 |
| parse() |
返回1970年1月1日午夜到指定日期（字符串）的毫秒数。 |
| setDate() |
设置 Date 对象中月的某一天 (1 ~ 31)。 |
| setMonth() |
设置 Date 对象中月份 (0 ~ 11)。 |
| setFullYear() |
设置 Date 对象中的年份（四位数字）。 |
| setHours() |
设置 Date 对象中的小时 (0 ~ 23)。 |
| setMinutes() |
设置 Date 对象中的分钟 (0 ~ 59)。 |
| setSeconds() |
设置 Date 对象中的秒钟 (0 ~ 59)。 |
| setMilliseconds() |
设置 Date 对象中的毫秒 (0 ~ 999)。 |
| setTime() |
以毫秒设置 Date 对象。 |
| setUTCDate() |
根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。 |
| setUTCMonth() |
根据世界时设置 Date 对象中的月份 (0 ~ 11)。 |
| setUTCFullYear() |
根据世界时设置 Date 对象中的年份（四位数字）。 |
| setUTCHours() |
根据世界时设置 Date 对象中的小时 (0 ~ 23)。 |
| setUTCMinutes() |
根据世界时设置 Date 对象中的分钟 (0 ~ 59)。 |
| setUTCSeconds() |
根据世界时设置 Date 对象中的秒钟 (0 ~ 59)。 |
| setUTCMilliseconds() |
根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。 |
| toSource() |
返回该对象的源代码。 |
| toString() |
把 Date 对象转换为字符串。 |
| toTimeString() |
把 Date 对象的时间部分转换为字符串。 |
| toDateString() |
把 Date 对象的日期部分转换为字符串。 |
| toGMTString() |
请使用 toUTCString() 方法代替。 |
| toUTCString() |
根据世界时，把 Date 对象转换为字符串。 |
| toLocaleString() |
根据本地时间格式，把 Date 对象转换为字符串。 |
| toLocaleTimeString() |
根据本地时间格式，把 Date 对象的时间部分转换为字符串。 |
| toLocaleDateString() |
根据本地时间格式，把 Date 对象的日期部分转换为字符串。 |
| UTC() |
根据世界时返回 1970 年 1 月 1 日 到指定日期的毫秒数。 |
| valueOf() |
返回 Date 对象的原始值 |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>日期</title>
<style type="text/css">
h2{
color: red;
}
.code {
color: gray;
border: 1px solid gainsboro;
font-size: 15px;
line-height: 1.5em;
}
pre {
margin: 1em 0em 1em -19em;
font-family: "楷体";
}
.result {
color: gray;
background-color: ghostwhite;
font-size: 16px;
padding: 0.5em 1em;
}
</style>
</head>
<body>
<ul>
<li>
<h2>自定义日期格式</h2>
<h3>代码:</h3>
<div class="code">
<pre>
var now = new Date(); //定义当前日期变量
var dateAll = "";
var segDate = "-"; //定义分隔符
var segTime = ":";
var segDaTi = " ";
var dateDict = {
year: now.getFullYear(), //获取年份
month: now.getMonth() + 1, //获取月份[0-11]
day: now.getDate(), //获取日期,注意不是getDay
hh: now.getHours(), //获取小时
mm: now.getMinutes(), //获取分钟
ss: now.getSeconds() //获取秒
}
function checkdate(orgDate) {
if(orgDate < 10) orgDate = "0" + orgDate;
return orgDate;
}
for(orgDate in dateDict) {
dateDict[orgDate] = checkdate(dateDict[orgDate]);
switch(orgDate) {
case "year":
case "month":
dateAll += dateDict[orgDate] + segDate;
break;
case "hh":
case "mm":
dateAll += dateDict[orgDate] + segTime;
break;
default:
dateAll += dateDict[orgDate] + segDaTi;
break;
}
}
document.getElementById("orgDateDis").innerHTML = now;
document.getElementById("dateDisplay").innerHTML = dateAll;
</pre>
</div>
<h3>结果:</h3>
<div class="result">
<p id="orgDateDis"></p>
<p id="dateDisplay"></p>
</div>
<hr />
<script>
var now = new Date(); //定义当前日期变量
var dateAll = "";
var segDate = "-"; //定义分隔符
var segTime = ":";
var segDaTi = " ";
var dateDict = {
year: now.getFullYear(), //获取年份
month: now.getMonth() + 1, //获取月份[0-11]
day: now.getDate(), //获取日期,注意不是getDay
hh: now.getHours(), //获取小时
mm: now.getMinutes(), //获取分钟
ss: now.getSeconds() //获取秒
}
function checkdate(orgDate) {
if(orgDate < 10) orgDate = "0" + orgDate;
return orgDate;
}
for(orgDate in dateDict) {
dateDict[orgDate] = checkdate(dateDict[orgDate]);
switch(orgDate) {
case "year":
case "month":
dateAll += dateDict[orgDate] + segDate;
break;
case "hh":
case "mm":
dateAll += dateDict[orgDate] + segTime;
break;
default:
dateAll += dateDict[orgDate] + segDaTi;
break;
}
}
document.getElementById("orgDateDis").innerHTML = now;
document.getElementById("dateDisplay").innerHTML = dateAll;
</script>
</li>
</ul>
</body>
</html>
|
|
| concat() |
连接两个或更多的数组，并返回结果。 |
| join() |
把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。 |
| pop() |
删除并返回数组的最后一个元素 |
| push() |
向数组的末尾添加一个或更多元素，并返回新的长度。 |
| reverse() |
颠倒数组中元素的顺序。 |
| shift() |
删除并返回数组的第一个元素 |
| slice() |
从某个已有的数组返回选定的元素 |
| sort() |
对数组的元素进行排序 |
| splice() |
删除元素，并向数组添加新元素。 |
| toSource() |
返回该对象的源代码。 |
| toString() |
把数组转换为字符串，并返回结果。 |
| toLocaleString() |
把数组转换为本地数组，并返回结果。 |
| unshift() |
向数组的开头添加一个或更多元素，并返回新的长度。 |
| valueOf() |
返回数组对象的原始值 |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>数组</title>
<style type="text/css">
h2{
color: red;
}
.code {
color: gray;
border: 1px solid gainsboro;
font-size: 15px;
line-height: 1.5em;
}
pre {
margin: 1em 0em 1em -19em;
font-family: "楷体";
}
.result {
color: gray;
background-color: ghostwhite;
font-size: 16px;
padding: 0.5em 1em;
}
</style>
</head>
<body>
<ul>
<li>
<h2>数组</h2>
<h3>代码:</h3>
<div class="code">
<pre>
//先声明数组,再定义数组
var arrStr =new Array();
arrStr[0] = "I";
arrStr[1] = "&";
arrStr[2] = "U";
//声明同时定义
var arrNum = new Array(0,1,2);
//声明数组容量
var arrTwo = new Array(2);//此时打印数组长度为2
//直接定义数组
var arr = ["I",99,"&"];
//遍历数组
function arrDisplay(orgArr){
var div = document.createElement("div");
for(i in orgArr){
var span = document.createElement("span");
span.innerHTML=orgArr[i];
div.appendChild(span);
}
document.getElementById("dateDisplay").appendChild(div);
}
//调用方法展示
arrDisplay(arrStr);
arrDisplay(arrNum);
arrDisplay(arr);
</pre>
</div>
<h3>结果:</h3>
<div class="result">
<p id="dateDisplay"></p>
</div>
<hr />
<script>
//先声明数组,再定义数组
var arrStr =new Array();
arrStr[0] = "I";
arrStr[1] = "&";
arrStr[2] = "U";
//声明同时定义
var arrNum = new Array(0,1,2);
//声明数组容量
var arrTwo = new Array(2);//此时打印数组长度为2
//直接定义数组
var arr = ["I",99,"&"];
//遍历数组
function arrDisplay(orgArr){
var div = document.createElement("div");
for(i in orgArr){
var span = document.createElement("span");
span.innerHTML=orgArr[i];
div.appendChild(span);
}
document.getElementById("dateDisplay").appendChild(div);
}
//调用方法展示
arrDisplay(arrStr);
arrDisplay(arrNum);
arrDisplay(arr);
</script>
</li>
</ul>
</body>
</html>
