js 操作数组

最新推荐文章于 2023-05-24 21:50:08 发布

guoqingtai

最新推荐文章于 2023-05-24 21:50:08 发布

阅读量94

点赞数

分类专栏： js 文章标签： javascript js

本文链接：https://blog.csdn.net/guoqingtai/article/details/116214172

版权

js 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

使用push向数组中插入元素

<!DOCTYPE html>
<html>
<body>

<h1>js 数组方法</h1> 
<p id="demo"></p>
<p id="demo1"></p>
<p id="demo2"></p>
<p id="demo3"></p>
<p id="demo4"></p>
<p id="demo5"></p>
<p id="demo6"></p>
<p id="demo7"></p>
<p id="demo8"></p>
<p id="demo9"></p>
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var join = fruits.join('|');

document.getElementById("demo").innerHTML = fruits.toString();

//数组转string
document.getElementById("demo1").innerHTML = join;

//从结尾删除
fruits.pop();
document.getElementById("demo2").innerHTML = fruits.toString();

//从开头删除
fruits.shift();
document.getElementById("demo3").innerHTML = fruits.toString();

//在结尾追加
fruits.push('Pear');
document.getElementById("demo4").innerHTML = fruits.toString();

//在开头添加
fruits.unshift('Peach');
document.getElementById("demo5").innerHTML = fruits.toString();

// 把第三个元素改为undefined
delete fruits[2];
document.getElementById("demo6").innerHTML = fruits.toString();

//截取及增加，不产生新数组，如下在位置1 删除2个元素，并增加一个Kiwi
fruits.splice(1,2,'Kiwi')
document.getElementById("demo7").innerHTML = fruits.toString();

//两个数组合成一个
var girls= ["Lucy","Lily"]
var con = fruits.concat(girls);
document.getElementById("demo8").innerHTML = con.toString();

//截取并产生新数组，从1~3，不包括3
var slc = con.slice(1,3)
document.getElementById("demo9").innerHTML = slc.toString();


</script>

</body>
</html>