# 这些Zepto中实用的方法集

## 1. 将数组铺平(flatten)

``````function flatten(array) {
return array.length > 0 ? \$.fn.concat.apply([], array) : array
}
``````

``````[1, 2, [3], [4, [5]]] => [1, 2, 3, 4, [5]]
``````

``````
let flatten = (array) => {
return array.reduce((result, val) => {
return result.concat(Array.isArray(val) ? flatten(val) : val)
}, [])
}

``````

``````let testArr1 = [1, 2, 3, 4]
let testArr2 = [1, [2], 3, [4, [5, [6, [7]]]]]

console.log(flatten(testArr1)) // => [1, 2, 3, 4]
console.log(flatten(testArr2)) // => [1, 2, 3, 4, 5, 6, 7]``````

``````
let flatten = (array) => {
let result = []
let idx = 0

array.forEach((val, i) => {
if (Array.isArray(val)) {
let value = flatten(val)
let len = value.length
let j = 0
result.length += len

while ( j < len) {
result[idx++] = value[j++]
}
} else {
result[idx++] = val
}
})

return result
}
``````

## 2. 数组去重(uniq)

``````let uniq = function (array) {
return filter.call(array, function (item, idx) {
return array.indexOf(item) == idx
})
}
``````

``````let uniq = (array) => {
return  [...new Set(array)]
}
``````

``````
let testArr = [1, 1, 2, 3, 0, -1, -1]
console.log(uniq(testArr)) // => [1, 2, 3, 0, -1]
``````

## 3. 连字符转驼峰（camelize）

``````
let camelize = function (str) {
return str.replace(/-+(.)?/g, function (match, chr) {
return chr ? chr.toUpperCase() : ''
})
}
``````

## 4. 判断是否为document对象(isDocument)。

``````
function isDocument (obj) {
return obj != null && obj.nodeType == obj.DOCUMENT_NODE
}
``````

## 5. 判断obj是否为类数组(likeArray)

1. 含有指向对象元素的数字索引下标以及length属性标志属性的个数
2. 不含有数组的push、concat等方法

``````
function likeArray(obj) {
// !!obj 直接过滤掉了false，null，undefined，''等值
// 然后obj必须包含length属性
var length = !!obj && 'length' in obj && obj.length,
// 获取obj的数据类型
type = \$.type(obj)
// 不能是function类型，不能是window
// 如果是array则直接返回true
// 或者当length的数据类型是number，并且其取值范围是0到(length - 1)这里是通过判断length - 1 是否为obj的属性
return 'function' != type && !isWindow(obj) && (
'array' == type || length === 0 ||
(typeof length == 'number' && length > 0 && (length - 1) in obj)
)
}
``````

``````var MAX_ARRAY_INDEX = Math.pow(2, 53) - 1;
var getLength = property('length');
var isArrayLike = function(collection) {
var length = getLength(collection);
return typeof length == 'number' && length >= 0 && length <= MAX_ARRAY_INDEX;
};
``````

`underscore`中判断类数组比较宽松一些，MAX_ARRAY_INDEX是JavaScript 中能精确表示的最大数字，主要判断对象的length属性是否为数字类型，并且是否大于0且在MAX_ARRAY_INDEX范围内。

zepto中类数组判断就比较严格了，因为window和函数其实都有length属性，这里把他们给过滤掉了。

## 6. 判断是否为window对象

window对象的window属性指向其本身，我们来直接看下mdn上的解释。

``````
function isWindow (obj) {
return obj != null && obj == obj.window
}
``````

``````let a = {}
a.window = a

a === a.window // true
isWindow(a) // true``````

## 7. 判断数据类型

``````let class2type = {}
let toString = class2type.toString

// Populate the class2type map
\$.each("Boolean Number String Function Array Date RegExp Object Error".split(" "), function(i, name) {
class2type["[object " + name + "]"] = name.toLowerCase()
})
``````

``````class2type = {
"[object Boolean]": "boolean",
"[object Array]": "array",
"[object Number]": "number"
...
}
``````

``````
function type(obj) {
return obj == null ? String(obj) :
class2type[toString.call(obj)] || "object"
}
``````

``````type([]) => array
type(1) => number
``````

## 8. 判断是够为纯粹的对象（isPlainObject）

``````// 对象字面量形式
let obj = {
name: 'qianlongo'
}
// 通过Object构造函数创建
let person = new Object({
name: 'qianlongo',
sex: 'boy'
})
``````

zepto中是如何判断的呢？

``````// 判断obj是否为纯粹的对象，必须满足
// 首先必须是对象  --- isObject(obj)
// 不是window对象 --- !isWindow(obj)
// 并且原型要和 Object 的原型相等

function isPlainObject(obj) {
return isObject(obj) && !isWindow(obj) && Object.getPrototypeOf(obj) == Object.prototype
}
``````

Object.getPrototypeOf() 方法返回指定对象的原型（即, 内部[[Prototype]]属性的值）,如果没有继承属性，则返回 null 。

## 9. 判断是否为空对象(isEmptyObject)

``````// 判断是否为空对象
// 使用for in遍历，只要obj有属性则认为不是空对象

\$.isEmptyObject = function (obj) {
var name
for (name in obj) return false
return true
}
``````

1. null
2. undefined
3. []
4. ''
5. 1024(数字)
6. true or false
7. {}
8. new Person() // 自定义的构造函数

## 结尾

jQuery.isPlainObject

Object.getPrototypeOf()

3k 声望
3.7k 粉丝
0 条评论