物聯網行動商務實務: javascript函數陣列

Number(string)；將數值字串轉成純數值領域
parseInt(string)；將數值字串轉成純整數領域
parseFloat(string)；將數值字串轉成福點數領域
String(int)；將數值或整數轉成字串領域

函數內部
宣告單元：變數
輸入單元：1.靜態元件<span><div><a>......
DOM
2.表單元件-- 文字框單選鈕複選鈕下拉式選單被網框
DOM
階層導向
邏輯運算單元
輸出單元 1.html靜態元件
DOM
2. 表單元件-- 文字框單選鈕複選鈕下拉式選單被網框
DOM
階層導向

陣列
直接表示法由資料型態定值
var 陣列名稱=[值1，值2，值3，值4，值5];
var a=[12,23,56,34,69];

var 陣列名稱=new Array(值1，值2，值3，值4，值5);
間接表示法由陣列空間定值
var 陣列名稱=new Array();
var a=new Array();
a[0]=14;
a[1]=54;
a[2]=47;
a[3]=51;
a[4]=68;
var 陣列名稱=[];

var a=["程式","美工","系統","資料庫","繪圖"];
a.length=>陣列長度
a[0]="程式" a[1]="美工" a[2] ="系統" a[3]="資料庫" a[4]= "資料庫"

一維陣列極大值，極小值
1.先令max=0 當參考值 min=陣列第一個元素
2.採用for和if敘述找出最大值，極小值
var a=new Array();
a[0]=14;
a[1]=54;
a[2]=47;
a[3]=51;
a[4]=68;
var max=0;

for (var i=0;i<a.length;i++)
{
if (max<a[i])
{
max=a[i];
}
}
==================================
var a=new Array();
a[0]=14;
a[1]=54;
a[2]=47;
a[3]=51;
a[4]=68;
var min=a[0];

for (var i=0;i<a.length;i++)
{
if (min>a[i])
{
min=a[i];
}
}
==============================================
正排序
逆排序
反轉
對映函數
var a=new Array();
a[0]=6;
a[1]=2;
a[2]=8;
a[3]=7;
a[4]=5;

var result=a.map(function(v,index,array)
{
return v*v
});

document.getElementById("sp").innerHTML=result;
===============================
<table>
<tr><td colspan="4"></td>
</tr>
<tr>
<td colspan="4">
<img src="image/h01.jpg" width="400" height="180" />
</td>
</tr>
<tr align="center">
<td><input type="button" id="bt1" name="bt1" value="第一張" /></td>
<td><input type="button" id="bt2" name="bt2" value="上一張" /></td>
<td><input type="button" id="bt3" name="bt3" value="下一張" /></td>
<td><input type="button" id="bt4" name="bt4" value="最後張" /></td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
</body>
============================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>2016/12/30(2)</title>
<script language="javascript">
var pic=["x10.jpg","x11.jpg","x12.jpg","x13.jpg","x14.jpg","x15.jpg","x16.jpg","x17.jpg","x18.jpg","x19.jpg"];
var picno=pic.length;
var curpno=0;
function fun1() {
curpno=0;
document.getElementById("pic1").src="image/"+pic[curpno];
}
function fun2() {
curpno=curpno+1;
if (curpno > picno-1)
{ curpno = picno-1; alert("已經是末張"); }
else document.getElementById("pic1").src="image/"+pic[curpno]; }
function fun3() {
curpno=curpno-1;
if (curpno < 0)
{ curpno = 0; alert("已經是首張"); }
else document.getElementById("pic1").src="image/"+pic[curpno]; }
function fun4() {
curpno=picno-1;
document.getElementById("pic1").src="image/"+pic[curpno]; }
</script>
</head>

<body>
<center>
<table id="tb2" name="tb2" border="1" width="750">
<tr><td colspan="4" align="center" style="font-size:18px">美麗的圖片</td></tr>
<tr><td colspan="4">
<div>
<img id="pic1" src="image/x10.jpg" width="750" height="450" />
</div>
</td></tr>
<tr>
<td width="25%" align="center">
<input type="button" id="b1" name "b1" value="首  張" style="font-size:18px" onclick="fun1();" />
</td>
<td width="25%" align="center">
<input type="button" id="b2" name "b2" value="下一張" style="font-size:18px" onclick="fun2();" />
</td>
<td width="25%" align="center">
<input type="button" id="b3" name "b3" value="上一張" style="font-size:18px" onclick="fun3();" />
</td>
<td width="25%" align="center">
<input type="button" id="b4" name "b4" value="末  張" style="font-size:18px" onclick="fun4();" /></a>
</td>
</tr>
</table>
</center>
</body>
</html>

===============================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>2016/12/30(2)</title>
<script language="javascript">
var pic=["x10.jpg","x11.jpg","x12.jpg","x13.jpg","x14.jpg","x15.jpg","x16.jpg","x17.jpg","x18.jpg","x19.jpg"];
var picno=pic.length;
var curpno=0; var msg="";
function funA(f) {
switch (f)
{
case 1: {
curpno=0;
break; }
case 2: {
curpno=curpno+1;
if (curpno > picno-1)
{ curpno = picno-1; msg="已經是末張"; }
break; }
case 3: {
curpno=curpno-1;
if (curpno < 0)
{ curpno = 0; msg="已經是首張"; }
break; }
case 4: {
curpno = picno-1;
break; }
default: {
break; }
}
if (msg=="")
document.getElementById("pic1").src="image/"+pic[curpno];
else { alert(msg); msg="";}
}
</script>
</head>

<body>
<center>
<table id="tb2" name="tb2" border="1" width="750">
<tr><td colspan="4" align="center" style="font-size:18px">美麗的圖片</td></tr>
<tr><td colspan="4">
<div>
<img id="pic1" src="image/x10.jpg" width="750" height="450" />
</div>
</td></tr>
<tr>
<td width="25%" align="center">
<input type="button" id="b1" name "b1" value="首  張" style="font-size:18px" onclick="funA(1);" />
</td>
<td width="25%" align="center">
<input type="button" id="b2" name "b2" value="下一張" style="font-size:18px" onclick="funA(2);" />
</td>
<td width="25%" align="center">
<input type="button" id="b3" name "b3" value="上一張" style="font-size:18px" onclick="funA(3);" />
</td>
<td width="25%" align="center">
<input type="button" id="b4" name "b4" value="末  張" style="font-size:18px" onclick="funA(4);" /></a>
</td>
</tr>
</table>
</center>
</body>
</html>

物聯網行動商務實務

2016年12月30日星期五

javascript函數陣列

沒有留言:

張貼留言

2016年12月30日 星期五

javascript函數陣列

沒有留言:

張貼留言

2016年12月30日星期五