js中关于length与size的区别
length与size的区别
⽤了很长时间的length的⼀直没考虑过其与size的区别，今天同事问起，特意查资料，将两者的相同点与共同点列出来。
相同点：在jQuery中⽤于返回元素的个数，size()函数与length属性的作⽤相同。size()⽅法的返回值与jQuery对象的length属性⼀致。
语法
$("selector").size()
$("selector").length
实例代码
<div>
<ul>
<li>后台专区</li>
<li>前台专区</li>
<li>数据库专区</li>
<li>站长交流</li>
</ul>
</div>
$("li").size==$("li").length      //4
区别：
⼀、⾸先注意的size的⽤法是size(),size()函数是jQuery⽅法，属于jQuery对象(实例)，⽤于返回当前jQuery对象封装的元素个数，不能再原⽣js中使⽤。length是js原⽣的⽅法（属性）?。
⼆、获取字符串的长度就只得⽤length, 如 $("#text").val().length，不能⽤size
三、获取⼀个数组的长度或者参数的长度也是只能⽤lenth，如arry.length，不能⽤size.
四、jQuery length和size()区别 从上可以看出size()是调⽤length属性实现的，⽽且在jquery 1.8后 length取代了 size() ，因为length不需要返回⼀个函数调⽤，更优秀。
补充：
关于input的属性的length与size
input的size，定义输⼊字段的宽度。size 属性定义的是可见的字符数。⽽对于其他类型，size 属性定义的是以像素为单位的输⼊字段宽度。<input type="text"size="value">  value为数字
还有规定最⼩长度与最⼤长度
maxlength：值是bumber类型，规定输⼊字段中的字符的最⼤长度。
原生js和js的区别max：规定输⼊字段的最⼤值。请与 “min” 属性配合使⽤，来创建合法值的范围。
min：规定输⼊字段的最⼩值。请与 “max” 属性配合使⽤，来创建合法值的范围。
min和max属性可以定input元素指定最⼩值和最⼤值
min和max属性可以⽤于以下input类型：number, range, date, datetime, datetime-local, month, time a
nd week.
<form action="demo_form.asp">
Enter a date before 1980-01-01:
<input type="date"name="bday"max="1979-12-31"><br />
Enter a date after 2000-01-01:
<input type="date"name="bday"min="2000-01-02"><br />
Quantity (between 1 and 5):
<input type="number"name="quantity"min="1"max="5"/><br />
<input type="submit"/>
</form>
在查询的资料的时候，⼜看到如何获取对象的长度，对象的长度不能同过length来获取，主要有两种
⽅法，；了解⼀下⼀、通过Object.keys()，这个⽅法主要接受⼀个对象返回实例中可枚举的属性的数组
var obj ={'id':1,'name':'叶落森','sex':'⼥'};
var arr = Object.keys(obj);
console.log(arr);// ['id','name','sex']
console.log(arr.length);//3
⼆、通过for…in…
var i=0;
for(x in obj){
i++;
}
console.log(i)

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。