JS實現數組的增刪改查操作示例

來源：懂視網責編：小采時間：2020-11-27 22:08:57

JS實現數組的增刪改查操作示例

JS實現數組的增刪改查操作示例:本文實例講述了JS實現數組的增刪改查操作。分享給大家供大家參考，具體如下： 1、給原數組中新增用到 push 改變原數組的長度并返回新的長度，新元素添加在原數組的末尾 <doctype> <html> <head>元素新增數組</head

推薦度：

點擊下載本文 文檔為doc格式

導讀JS實現數組的增刪改查操作示例:本文實例講述了JS實現數組的增刪改查操作。分享給大家供大家參考，具體如下： 1、給原數組中新增用到 push 改變原數組的長度并返回新的長度，新元素添加在原數組的末尾 <doctype> <html> <head>元素新增數組</head

本文實例講述了JS實現數組的增刪改查操作。分享給大家供大家參考，具體如下：

1、給原數組中新增

用到 push 改變原數組的長度并返回新的長度，新元素添加在原數組的末尾

<doctype>
<html>
 <head>元素新增數組</head>
 <body>
 <div id="dem">點擊會給原素組末尾新增元素個數</div>
 <button onclick="funct()">點擊</button>
 <script type="text/javascript">
 var app = ["001","002","002"];
 function funct(){
 app.push("003","0005");
 var demo = document.getElementById("dem");
 demo.innerHTML = app;
 }
 </script>
 </body>
</html>

unshift 在原數組的開頭添加一個新的元素或是更多的元素并返回新的長度。

<!doctype html >
<html>
 <head></head>
 <body>
 <div id="dem">點擊會給原素組前面新增元素個數</div>
 <button onclick="funct()">點擊</button>
 <script type="text/javascript">
 var app = ["001","002","002"];
 function funct(){
 app.unshift("003","0005");
 var demo = document.getElementById("dem");
 demo.innerHTML = app;
 }
 </script>
 </body>
<html>

2、移除數組最后一個元素

pop() 并返回刪除的數組

<!doctype html>
<html>
 <head>
 </head>
 <body>
 <div id="demo">移除最后一個元素</div>
 <button onclick="fun()"></button>
 <script type="text/javascript" charset="utf-8">
 var apple = ["001","002","003"];
 function fun(){
 apple.pop();
 var demo = document.getElementsById("demo");
 demo.innerHtml = apple;
 }
 </script>
 </body>
</html>

3.數組中的splice() 用于插入替換和刪除

會改變原數組

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
 <title>數組里面的push和pop</title>
</head>
<body>
 <div id="demo02">單擊刪除bing并tihuan一個元素</div>
 <button onclick="fun01()">刪除</button>
 <script type="text/javascript">
 var apple = ["Sunday","Monday","Tuesday","Wednesday"];
 function fun01(){
 apple.splice(1,2,"2222"); //從Moday下標開始刪除兩個，替換為"2222"
 var demo = document.getElementById("demo02");
 demo.innerHTML = apple;
 }
 </script>
</body>
</html>

4.js的加載方式

通過scrpit標簽加載在head 或者是 body的外部或者是內部

通過元素的事件名加載函數

5.switch case用法

function fun(){
 var num = "01";
 switch (num){
 case "01":console.log("星期一"); //代碼塊
 break;
 case "02":fun01();
 break;
 default:console.log("星期八");
 }
}

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼，看看運行效果。

更多關于JavaScript相關內容還可查看本站專題：《JavaScript數組操作技巧總結》、《JavaScript字符與字符串操作技巧總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript排序算法總結》、《JavaScript查找算法技巧總結》、《JavaScript數學運算用法總結》、《JavaScript數據結構與算法技巧總結》及《JavaScript錯誤與調試技巧總結》

希望本文所述對大家JavaScript程序設計有所幫助。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

JS實現數組的增刪改查操作示例

推薦度：

點擊下載本文 文檔為doc格式

標簽：實現 js 實例

熱門焦點

国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

JS實現數組的增刪改查操作示例

JS實現數組的增刪改查操作示例

JS實現數組的增刪改查操作示例

最新推薦

猜你喜歡

熱門推薦