顯示具有 JavaScript-陣列類 標籤的文章。 顯示所有文章
顯示具有 JavaScript-陣列類 標籤的文章。 顯示所有文章

2014年4月20日 星期日

[JavaScript-陣列類]陣列加入移除陣列元素的方法-使用splice()

[JavaScript-陣列類]陣列加入移除陣列元素的方法-使用splice()

說明:
splice(開紿位置,結束位置,加入元素)
例:
移除第1位到第3位的資料,加入新的資料111
程式:
<script type="text/javascript">
var arr1 = [9,7,6,4,1,2,3];

document.write("陣列的資料:<br>");
for( i =0 ; i < arr1.length;i++){
document.write("arr1["+i+"]:"+arr1[i]+"<br>");
}
arr1.splice(1,3,111)
document.write("加入移除陣列元素後的資料:<br>");
for( i =0 ; i < arr1.length;i++){
document.write("arr1["+i+"]:"+arr1[i]+"<br>");
}
</script>

結果:
 


圖:





















其它文章

[JavaScript-陣列類]陣列刪除的方法-使用delete

[JavaScript-陣列類]陣列刪除的方法-使用delete

說明:
刪除陣列內的資料。

程式:
<script type="text/javascript">
var arr1 = new Array(9,7,6,4,1,2,3);

document.write("陣列的資料:<br>");
for( i =0 ; i < arr1.length;i++){
document.write("arr1["+i+"]:"+arr1[i]+"<br>");
}
delete arr1[0];
document.write("刪除陣列[0]後的資料:<br>");
for( i =0 ; i < arr1.length;i++){
document.write("arr1["+i+"]:"+arr1[i]+"<br>");
}
</script>

結果:
 


圖:





















其它文章

[JavaScript-陣列類]陣列排序的方法-使用sort()

[JavaScript-陣列類]陣列排序的方法-使用sort()

說明:
將陣列中的資料排序。

程式:
<script type="text/javascript">
var arr1 = new Array(9,7,6,4,1,2,3);

document.write("原陣列的資料:<br>");
for( i =0 ; i < arr1.length;i++){
document.write("arr1["+i+"]:"+arr1[i]+"<br>");
}
arr1.sort()
document.write("排序後陣列的資料:<br>");
for( i =0 ; i < arr1.length;i++){
document.write("arr1["+i+"]:"+arr1[i]+"<br>");
}
</script>

結果:



圖:






















其它文章

[JavaScript-陣列類]二個陣列的連結方法-concat()

[JavaScript-陣列類]二個陣列的連結方法-concat()

說明:
將二個不同資料的陣列,連結到第三個陣列裡。

程式:
<script type="text/javascript">
var arr1 = new Array(1,2,3);
var arr2 = new Array(4,5,6);
document.write("-----------------<br>");
var arr3 = arr1.concat(arr2);
for( i =0 ; i < arr3.length;i++){
document.write("arr3["+i+"]:"+arr3[i]+"<br>");
}
</script>

結果:
 


圖:





















其它文章

2014年4月19日 星期六

[JavaScript-陣列類]練習--使用for取出陣列內容

[JavaScript-陣列類]練習--使用for取出陣列內容

說明:
使用for存入資料
在用for取出資料內容:

程式
<script type="text/javascript">
var arr = new Array();
for(i=0;i<10;i++){
arr[i]=i;
}
for(i=0;i< arr.length;i++){
document.write("arr["+i+"]:"+arr[i]+"<br>");

}
document.write("-----------------<br>");
</script>
結果:
 


圖:





















其它文章

[JavaScript-陣列類]取得陣列的大小-length

[JavaScript-陣列類]取得陣列的大小-length

說明:

取得陣列的大小,
陣列大小是從1開始算。
取出內容從0開始取。

程式:
<script type="text/javascript">
var arr = new Array(1,2,3,5,8,9,10);
document.write("arr長度:"+arr.length+"<br>");
document.write("-----------------<br>");
</script>

結果:
 
























其它文章

[JavaScript-陣列類]陣列的宣告及用法-Array()

[JavaScript-陣列類]陣列的宣告及用法-Array()

說明:
陣列的基本宣告
var arr = new Array();

將資料放陣列內
var arr = new Array(1,2,3,5,8,9,10);

單一指定陣列內資料
arr[0]=111;

程式
<script type="text/javascript">
var arr = new Array(1,2,3,5,8,9,10);
document.write("arr[0]:"+arr[0]+"<br>");
document.write("arr[1]:"+arr[1]+"<br>");
document.write("arr[2]:"+arr[2]+"<br>");
document.write("arr[3]:"+arr[3]+"<br>");
document.write("arr[4]:"+arr[4]+"<br>");
document.write("arr[5]:"+arr[5]+"<br>");
document.write("arr[6]:"+arr[6]+"<br>");
document.write("-----------------<br>");
arr[0]=111;
document.write("arr[0]:"+arr[0]+"<br>");
</script>

結果:


圖:





















其它文章

標籤

Oracle (150) Oracle DB (144) Oracle_DB (143) Oracle SQL (135) JAVA (84) css-基本類 (65) MySQL (59) CSS Selector (58) jQuery (49) JavaScript-基本類 (39) Spring Boot (38) JavaScript (37) JavaScript HTML DOM (37) JavaScript-HTML_DOM (36) CSS3 (30) JAVA-基本類 (28) jQuery UI (27) Apache (23) Oracle GROUP BY (20) datepicker (20) Android (18) Oracle Date (17) c (17) JAVA-lang套件 (16) Linux (16) Oracle Sub Query (16) Spring-基本類 (16) jQuery-基本類 (16) MySQL-進階系列教學 (15) Android基本類 (14) Grails (14) Oracle join (14) SQLite (13) Spring (13) WIN7-基本類 (13) grails-基本類 (13) linux cent os (13) CKEditor (12) JAVA-流程控制類 (12) JAVA_Spring (12) PHP (11) Spring MVC (11) MySQL-基本系列教學 (10) Notepad (10) Notepad++ (10) SQLite for java (10) Windows (10) c/c++ (10) eclipse (9) jQuery-Selector (9) sqldeveloper (9) DB_Toad (8) JAVA_IDE_Eclipse (8) JavaScript-String類 (8) MySQL DB Toad (8) MySQL-DATE相關 (8) MySQL-函式相關 (8) Spring Bean (8) Android Studio (7) HTML5 (7) Hibernate (7) JAVA-OCWCD (7) JavaScript-陣列類 (7) Docker (6) JAVA-程式分享 (6) JAVA.util套件 (6) JavaScript-數學類 (6) MinGw (6) MySQL-其它類 (6) Servlet (6) centos (6) Apache_Tomcat (5) Apache套件_POI (5) CSS (5) JavaScript-Date物件 (5) JavaScript-其它類 (5) PostgreSQL (5) httpd (5) log4j (5) 基本資訊 (5) 開發工具 (5) CSS Properties (4) Dev-C++ (4) IntelliJ IDEA (4) Oracle DDL (4) Sublime (4) TortoiseSVN (4) apache_Maven (4) Android NDK (3) Eclipse IDE for C/C++ (3) Hibernate-基本類 (3) JAVA-問題 (3) JAVA-綀習分享 (3) JVM (3) Linux 指令 (3) Proxy Server (3) Spring Mobile (3) Spring web (3) Squid (3) VirtualBox (3) maven (3) zk (3) 生活其它 (3) Bootstrap (2) Filter (2) JAVA_IO (2) JAVA_其它_itext套件 (2) JBoss-問題 (2) JSP (2) Jboss (2) Listener (2) MySQL-語法快速查詢 (2) Spring AOP (2) Spring Batch (2) Spring Boot Actuator (2) Spring i18n (2) Subversive (2) Tomcat 8 (2) UML (2) WebJars (2) WinMerge (2) c++ (2) c語言綀習題 (2) jQuery Mobile (2) jQuery-事件處理 (2) jQuery-套件類 (2) putty (2) svn (2) weblogic (2) Apache_JMeter (1) Apache套件_BeanUtils (1) Apache套件_StringUtils (1) Base64 (1) Google API (1) HTML5-基本類 (1) Heap (1) JAVA 7 (1) JAVA SE 、JAVA EE、JAVA ME (1) JAVA 日期 (1) JAVA-OCJP (1) JAVA-WEB (1) JAVA_IDE (1) JAVA其它 (1) JBoss Server (1) JDK (1) JMX (1) JRE (1) Java RMI (1) Java String (1) Joda Time (1) Linux_其它 (1) MySQL教學 (1) Oracle_VirtualBox (1) SQL Server (1) SWT (1) Session (1) Stack (1) Struts 2 (1) Tool (1) ZK Studio (1) csv (1) grails-其它類 (1) jQuery-進階 (1) java mail (1) java web (1) java8 (1) jsoup (1) mockmvc (1) modules (1) tomcat (1) win10 (1) 其它類 (1) 圖片工具 (1) 模擬器 (1) 讀書分享 (1) 開發資訊 (1)

精選文章

初學 Java 的 HelloWorld 程式

撰寫一個JAVA程式 public class HelloWorld{ public static void main(String[ ] args){ System.out.println("我第一支Java程式!!"); } } ...