JS如何在数组的末尾处加入和移除元素

# JS如何在数组的末尾处加入和移除元素

# 快速导航

# 前言

在数组初始化后,有时候,需要往数组的末尾添加数据,或移除数组中末尾的数据,那在JS当中是如何实现的?

# 示例如下

# 原生Js实现

往数组里追加元素使用的是push()方法,而删除数组的最后一个元素,使用的是pop()方法,从后往前删

具体代码如下所示

var arr = ["https://coder.itclan.cn","https://itclan.cn","https://short.itclan.cn"]

function addElem() {
    // 获取新元素值dom
    var inputElemVal = document.getElementById('input').value;
    arr.push(inputElemVal);  // 使用push()方法向数组的末尾添加一个元素
}

// 删除一个元素
function deleteElem() {
    arr.pop();  // 使用数组的pop()方法向数组的末尾删除一个元素
}

1
2
3
4
5
6
7
8
9
10
11
12

如下是html代码

<input type="text" name="elm" value="" id="input" />
<input type="button"  value="添加" onclick="addElem()" />
<input type="button"  value="删除" onclick="deleteElem()" />