没有格式的代码就用div表示了
aButton[0].onclick = function () {
var btnName = this.innerHTML;
if (btnName.indexOf('删除') != -1) {
var text = aPre[0].innerText.split(',');
item = text.shift();
aPre[0].innerText = text;
this.innerText = '添加January(1)'
} else {
var text = aPre[0].innerText.split(',');
text.unshift(item);
aPre[0].innerText = text;
this.innerText = '删除January(1)'
}
}
-
indexOf()检测字符串索引, 如果不存在, 返回-1 -
split()将字符串按split的参数分隔为数组 -
shift()从数组前端取得项的方法, 移除数组中第一个项并返回该项,同时数组长度减一 -
unshift()在数组前端添加任意个项并返回新数组的长度
删除December(12) 同理
复制还原
aButton[2].onclick = function () {
var text = aPre[1].innerText;
aPre[1].innerText = aPre[1].innerText + ',' + text;
};
aButton[3].onclick = function () {
aPre[1].innerText = aPre[1].innerText.slice(0, 19);
};
-
slice()接收一或两个参数, 即返回想的起始和结束位置, 只有一个参数的情况下, slice()方法返回从该参数指定位置开始到当前数组末尾的所有项,如果两个参数, 返回起始和结束位置之间的项,但不包括结束位置的项, slice()方法不会影响原数组,如果结束位置小于起始位置, 则返回空数组
删除,插入,替换
aButton[5].onclick = function () {
arr = aPre[2].innerText.split(',');
arr.splice(0,3);
console.log(arr);
aPre[2].innerText = arr;
};
aButton[6].onclick = function () {
arr = aPre[2].innerText.split(',');
arr.splice(1,2);
aPre[2].innerText = arr;
};
aButton[7].onclick = function () {
arr = aPre[2].innerText.split(',');
arr.splice(2,0,['orange', 'purple']);
aPre[2].innerText = arr;
};
aButton[8].onclick = function () {
arr = aPre[2].innerText.split(',');
var ar3 = arr.splice(2,1);
var ar2 = arr.splice(1,1);
arr.splice(1, 0, ar3);
arr.splice(2, 0, ar2);
aPre[2].innerText = arr;
};
-
splice()
splice方法始终返回一个数组, 该数组包含从原始数组中删除的项, 会改变原数组- 删除: 可删除任意数量的项, 指定两个参数, 要删除的第一项的位置和要删除的项数
- 插入: 可向指定位置插入任意数量的项, 3个参数: 起始位置, 0(要删除的项数), 要插入的项
- 替换: 可向指定位置插入任意数量的项,同时删除任意数量的项, 3个参数: 起始位置, 要删除的项数, 要插入的任意数量的项
