溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本文實例講述了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程序設計有所幫助。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
