js中数组的增删改查

1 slice选取数组的的一部分,并返回一个新数组

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
 
<p id="demo">点击按钮截取数组下标 1 到 2 的元素。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
var fruits = ["语文", "数学", "英文", "地理", "历史"];
var citrus = fruits.slice(1,3);
var x=document.getElementById("demo");
x.innerHTML=citrus;
}
</script>
 
</body>
</html>

2 splice 从数组中添加或删除元素
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p id="demo">点击按钮向数组添加元素。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
var fruits = ["语文", "数学", "英文", "地理", "历史"];
fruits.splice(2,0,"美术","体育");
var x=document.getElementById("demo");
x.innerHTML=fruits;
}
</script>
 
</body>
</html>

3 toString 将数组转为字符串
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
 
<p id="demo">点击按钮将数组转为字符串并返回。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var str = fruits.toString();
var x=document.getElementById("demo");
x.innerHTML= str;
}
</script>
 
</body>
</html>

4 indexOf  通过indexOf找元素,如果有返回该元素的索引,没有返回-1

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
 
<p id="demo">单击按钮显示“苦果”的位置:</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
var fruits = ["香蕉", "橙子", "甜瓜"];
var a = fruits.indexOf("苦果")
var x=document.getElementById("demo");
x.innerHTML=a;
}
</script>
</body>
</html>


indexOf方法是在JavaScript 1.6中引入的,在IE 8或更早的版本中不可用。


WEB前端学习交流群21 598399936
posted @ 2017-12-25 14:28  噜噜修  阅读(1510)  评论(0编辑  收藏  举报