沒有格式的代碼就用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的參數(shù)分隔為數(shù)組 -
shift()從數(shù)組前端取得項的方法, 移除數(shù)組中第一個項并返回該項,同時數(shù)組長度減一 -
unshift()在數(shù)組前端添加任意個項并返回新數(shù)組的長度
刪除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()接收一或兩個參數(shù), 即返回想的起始和結(jié)束位置, 只有一個參數(shù)的情況下, slice()方法返回從該參數(shù)指定位置開始到當前數(shù)組末尾的所有項,如果兩個參數(shù), 返回起始和結(jié)束位置之間的項,但不包括結(jié)束位置的項, slice()方法不會影響原數(shù)組,如果結(jié)束位置小于起始位置, 則返回空數(shù)組
刪除,插入,替換
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方法始終返回一個數(shù)組, 該數(shù)組包含從原始數(shù)組中刪除的項, 會改變原數(shù)組- 刪除: 可刪除任意數(shù)量的項, 指定兩個參數(shù), 要刪除的第一項的位置和要刪除的項數(shù)
- 插入: 可向指定位置插入任意數(shù)量的項, 3個參數(shù): 起始位置, 0(要刪除的項數(shù)), 要插入的項
- 替換: 可向指定位置插入任意數(shù)量的項,同時刪除任意數(shù)量的項, 3個參數(shù): 起始位置, 要刪除的項數(shù), 要插入的任意數(shù)量的項
