js中数组的增删改查

1 slice选取数组的的一部分,并返回一个新数组
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>

<p id="demo">点击按钮截取数组下标 1 到 2 的元素。</p>
<button οnclick="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 οnclick="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 οnclick="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 οnclick="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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值