数组练习

没有格式的代码就用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个参数: 起始位置, 要删除的项数, 要插入的任意数量的项