JavaScript-关于数组的Api(改变原数组/不改变原数组情况)

改变原数组的Api

    <script>
        /*--------------改变原数组--------------*/

        //1，添加/删除/替换 ，splice 
        let delArr = [1, 5, 6, 9];
        let arrSplice1 = delArr.splice(0, 2) //删除

        console.log('被删除的数组是：' + arrSplice1);
        console.log(typeof arrSplice1);

        let addArr = [1, 5, 6, 9];  //添加
        /*没必要将已经修改过的数组赋值给一个变量，直接输出原值就可以了。
        所以  let a =addArr.splice(2,0,4,1,9); 这里的A就是没有必要的，且是一个空的数组。因为这个里面没有值，只是进行了一个操作而已。*/
        addArr.splice(2, 0, 4, 1, 9);
        console.log(addArr);

        console.log('-----------');
        //2，反转数组 reverse
        let reverseArr = [1, 2, 3, 4, 5];
        let reverse1 = reverseArr.reverse();
        console.log('经过反转的数组是：' + reverse1);
        console.log('-----------');

        //3，排序 sort升序
        let sortArr = [9, 7, 6];
        let newSortArr = sortArr.sort();
        console.log(newSortArr);
        console.log('-----------');

        //4，在数组末尾添加元素，并返回新的长度？ push
        let pushArr = [9, 7, 6];
        let newPushArr = pushArr.push(5, 6, 9);
        console.log(newPushArr); //返回的数组长度
        console.log(pushArr); //已经添加的元素
        console.log('-----------');

        //5，在数组开头添加元素，并返回新的长度 unshift --入栈，在开头插入值
        let unshiftArr = [4, 5, 6];
        let newUnshiftArr = unshiftArr.unshift(5);
        console.log(newUnshiftArr); //返回的是数组长度
        console.log(unshiftArr);
        console.log('-----------');
        
        //6，删除数组的  第一个 元素，并返回被删除的值 shift
        let shiftArr = [4, 5, 6];
        let newShiftArr = shiftArr.shift();
        console.log('被删除第一个元素是:' + newShiftArr); //被删除元素
        console.log(shiftArr);
        console.log('-----------');
        
        //7，删除并返回数组的 最后一个 元素,pop--弹出数组最后一个元素
        let popArr = [4, 5, 6,7];
        let newPopArr = popArr.pop();
        console.log('被删除最后一个元素是:' + newPopArr); //被删除元素
        console.log(popArr);
        console.log('-----------');
    </script>

改变原数组的运行结果

---

不改变原数组的Api

    <script>
        /*--------------不改变原数组--------------*/

        //1，将数组转换成字符串
        let arr = [1, 5, 6, 9];
        let str = String(arr);
        console.log(str);
        console.log(typeof str);

        //2,把数组的所有元素放入一个字符串中，用join连接。
        let str1 = arr.join('*');//默认是逗号，但是可以自定义符合
        console.log(str1);
        console.log(typeof str1);

        //3,数组拼接（concat）
        let arrConcat = arr.concat([4,1,9])
        let arrConcat1 = arr.concat(1,9)
        //如果包含数组，就打散数组，以单个元素拼接
        console.log(arrConcat);
        console.log(arrConcat1);

        //4,获取子数组，slice，
        //强调：含头不含尾
        //slice包含一个参数，就是这个数组下标的之后的所有元素
        let arrSlice = arr.slice(0)
        //slice包含2个参数，从开始到结束的元素，记得含头不含尾
        let arrSlice2 = arr.slice(1,2)
        console.log(arrSlice);
        console.log(arrSlice2);
  

        /* 临时例题：在数组 arr 的 index 处添加元素 item。不要直接修改数组 arr，结果返回新的数组
        输入：([1, 2, 3, 4], 'z', 2);
        输出：[1，2，z，3，4]
        */
       function insArr(arr,item,index) {
           let temp = arr.slice(0);
           temp.splice(index,0,item);
           return temp;
       }
       let a = insArr([1, 2, 3, 4,5], 'z', 2)
       console.log(a);

       //5,返回某个指定的字符串值在字符串中首次出现的位置（indexOf）
       //检查一下，你这个值是在本数组中第一次出现在哪个位置，
       let arrIndexof = arr.indexOf(5);
       console.log(arrIndexof);
    </script>