JavaScript之克隆与数组

数组

• 数组的声明

1、字面量方式 var arr = [];

2、数组构造函数

var arr = new Array(1,2,3,4);
console.log(arr); // 1,2,3,4

注：如果在构造函数里只写一个数值，如new Array(5);这时这一个值就代表数组的长度。

• 数组的读写

不可溢出读，但是可以溢出写。

var arr = [1,2];
console.log(arr[3]); // undefined
arr[5] = 5;
console.log(arr[5]); // 5

---

数组常用方法

1、可以改变原数组的方法

• reverse : 使数组倒叙

• push : 在数组的最后一位添加数据

• pop : 从数组后面删除一位数据，同属返回这个被删除的数据，没有参数

• shift : 从前面删除一位数据，同时返回这个数据，没有参数

• unshift : 在数据的最前面添加数据，和push一样的用法

• splice ： 删除元素，并向数组添加新元素

第一个参数：截取开始的位置
第二个参数：截取的长度
第三个参数：一组数据，代表要截取的位置添加的数据

var arr = [1,2,3,4,5];
arr.splice(1,2,100,188);
console.log(arr); // 1 100 188 4 5

• sort : 对数组的元素进行排序

这个方法会按照ASC码来排序，但是我们也可以通过传一个函数来规定排序的规则。

数组的数据进行随机的排序：

    arr.sort(function (a,b) {
        return Math.random - 0.5;
    });

上述代码中的a,b表示数组中的任意两个数据。

然后可以根据函数中的返回值来进行排序。

负数，表示a在前面，b在后面
正数，表示a在后面，a在前面

2、不可改变原数组的方法：

• concat ： 连接两个或更多的数组，并返回结果。

            arr1 = [1,2]
            arr2 = [3,4]
            arr = arr1.concat(arr2);
            console.log(arr,arr1,arr2); // [1,2,2,3],[1,2],[2,3]

• join ： 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。

            var arr = ['a','b','c'];
            var str = arr.join('-');
            console.log(str); // a-b-c

数组检测的方法

• ES5中有一个 isArray() 方法

• constructor和instanceof操作符

• Object.prototype.toString.call(arr) === ‘[object Array]’ //这个应该是最可靠的检测方法

克隆

• 浅层克隆 ： 这种克隆方法一旦改变了源对象或者目标对象的引用值属性，另一个也会跟着改变。

        function clone(src, tar) {
            var tar = tar || {};
            for (var prop in src) {
                if (src.hasOwnProperty(prop)) {
                    tar[prop] = src[prop];
                }
            }
            return tar;
        }

• 深层克隆：这样创建的目标对象和源对象之间就没有关系了，自己都是独立的，可以进行修改

        function deepCopy (src, tar) {
            var tar = tar || {};
            for (var prop in src) {
                if (typeof src[prop] == 'object') {
                    tar[prop] = (src[prop].constructor === Array) ? [] : {};
                    deepCopy(src[prop], tar[prop]);
                }else {
                    tar[prop] = src[prop];
                }
            }
            return tar;
        }

==主页传送门==