var objmoList1=new Array();//數(shù)組var objmo=new Object();//對(duì)象objmo.s="11";//對(duì)象里面的屬性objmo.t="22";objmoList1.push(objmo);alert(objmoList1[0].s);
創(chuàng)新互聯(lián)公司網(wǎng)站建設(shè)由有經(jīng)驗(yàn)的網(wǎng)站設(shè)計(jì)師、開(kāi)發(fā)人員和項(xiàng)目經(jīng)理組成的專(zhuān)業(yè)建站團(tuán)隊(duì),負(fù)責(zé)網(wǎng)站視覺(jué)設(shè)計(jì)、用戶(hù)體驗(yàn)優(yōu)化、交互設(shè)計(jì)和前端開(kāi)發(fā)等方面的工作,以確保網(wǎng)站外觀精美、成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè)易于使用并且具有良好的響應(yīng)性。
typeof都返回object
在JavaScript中所有數(shù)據(jù)類(lèi)型嚴(yán)格意義上都是對(duì)象,但實(shí)際使用中我們還是有類(lèi)型之分,如果要判斷一個(gè)變量是數(shù)組還是對(duì)象使用typeof搞不定,因?yàn)樗挤祷豲bject
復(fù)制代碼
代碼如下:
var
o
=
{
'name':'lee'
};
var
a
=
['reg','blue'];
document.write(
'
o
typeof
is
'
+
typeof
o);
document.write(
'
br
/');
document.write(
'
a
typeof
is
'
+
typeof
a);
執(zhí)行:
復(fù)制代碼
代碼如下:
o
typeof
is
object
a
typeof
is
object
因此,我們只能放棄這種方法,要判斷是數(shù)組or對(duì)象有兩種方法
第一,使用typeof加length屬性
數(shù)組有l(wèi)ength屬性,object沒(méi)有,而typeof數(shù)組與對(duì)象都返回object,所以我們可以這么判斷
復(fù)制代碼
代碼如下:
var
o
=
{
'name':'lee'
};
var
a
=
['reg','blue'];
var
getDataType
=
function(o){
if(typeof
o
==
'object'){
if(
typeof
o.length
==
'number'
){
return
'Array';
}else{
return
'Object';
}
}else{
return
'param
is
no
object
type';
}
};
alert(
getDataType(o)
);
//
Object
alert(
getDataType(a)
);
//
Array
alert(
getDataType(1)
);
//
param
is
no
object
type
alert(
getDataType(true)
);
//
param
is
no
object
type
alert(
getDataType('a')
);
//
param
is
no
object
type
第二,使用instanceof
使用instanceof可以判斷一個(gè)變量是不是數(shù)組,如:
復(fù)制代碼
代碼如下:
var
o
=
{
'name':'lee'
};
var
a
=
['reg','blue'];
alert(
a
instanceof
Array
);
//
true
alert(
o
instanceof
Array
);
//
false
也可以判斷是不是屬于object
復(fù)制代碼
代碼如下:
var
o
=
{
'name':'lee'
};
var
a
=
['reg','blue'];
alert(
a
instanceof
Object
);
//
true
alert(
o
instanceof
Object
);
//
true
但數(shù)組也是屬于object,所以以上兩個(gè)都是true,因此我們要利用instanceof判斷數(shù)據(jù)類(lèi)型是對(duì)象還是數(shù)組時(shí)應(yīng)該優(yōu)先判斷array,最后判斷object
復(fù)制代碼
代碼如下:
var
o
=
{
'name':'lee'
};
var
a
=
['reg','blue'];
var
getDataType
=
function(o){
if(o
instanceof
Array){
return
'Array'
}else
if(
o
instanceof
Object
){
return
'Object';
}else{
return
'param
is
no
object
type';
}
};
alert(
getDataType(o)
);
//
Object
alert(
getDataType(a)
);
//
Array
alert(
getDataType(1)
);
//
param
is
no
object
type
alert(
getDataType(true)
);
//
param
is
no
object
type
alert(
getDataType('a')
);
//
param
is
no
object
type
如果你不優(yōu)先判斷Array,比如:
復(fù)制代碼
代碼如下:
var
o
=
{
'name':'lee'
};
var
a
=
['reg','blue'];
var
getDataType
=
function(o){
if(o
instanceof
Object){
return
'Object'
}else
if(
o
instanceof
Array
){
return
'Array';
}else{
return
'param
is
no
object
type';
}
};
alert(
getDataType(o)
);
//
Object
alert(
getDataType(a)
);
//
Object
alert(
getDataType(1)
);
//
param
is
no
object
type
alert(
getDataType(true)
);
//
param
is
no
object
type
alert(
getDataType('a')
);
//
param
is
no
object
type
那么數(shù)組也會(huì)被判斷為object。
很早以前我就知道可以把
arguments
轉(zhuǎn)化為數(shù)組:[].slice.call(arguments),因?yàn)?/p>
arguments
是個(gè)類(lèi)數(shù)組對(duì)象,所以才可以這么用。但是我一直不清楚什么叫做類(lèi)數(shù)組對(duì)象(
array-like
objects)
今天看
Effective
JavaScript
就有一節(jié)是專(zhuān)門(mén)講這個(gè)的,感覺(jué)真是太拽了。
先看我寫(xiě)的一些示例代碼:
復(fù)制代碼
代碼如下:
a
=
"hello"
[].map.call(a,
(e)
-
e.toUpperCase())
#
=
[
'H',
'E',
'L',
'L',
'O'
]
[].reduceRight.call(a,
(acc,
e)
-
acc
+
e)
#
=
'olleh'
b
=
{1:
"a",
2:
"b",
4:
"c",
length:
6}
[].reduce.call(b,
(acc,
e)
-
acc
+
e)
#
=
'abc'
前面那幾個(gè)是操作字符串的,嗯,字符串也可以看成類(lèi)數(shù)組對(duì)象。但是后面那個(gè)
b
對(duì)象居然
也是類(lèi)數(shù)組對(duì)象。
看書(shū)上的解釋?zhuān)?/p>
復(fù)制代碼
代碼如下:
So
what
exactly
makes
an
object
“array-like”?
The
basic
contract
of
an
array
object
amounts
to
two
simple
rules.
It
has
an
integer
length
property
in
the
range
0...2^32
–
1.
The
length
property
is
greater
than
the
largest
index
of
the
object.
An
index
is
an
integer
in
the
range
0...2^32
–
2
whose
string
representation
is
the
key
of
a
property
of
the
object.
居然只有這兩條簡(jiǎn)單的規(guī)則。
所以為什么
arguments,
字符串,和上面那個(gè)
b
對(duì)象可以看作類(lèi)數(shù)組對(duì)象呢?
它們都有一個(gè)合法的
length
屬性(0
到
2**32
-
1
之間的正整數(shù))。
length
屬性的值大于它們的最大索引(index)。
再舉個(gè)例子:
復(fù)制代碼
代碼如下:
b
=
{1:
"a",
2:
"b",
4:
"c",
length:
3}
[].reduce.call(b,
(acc,
e)
-
acc
+
e)
#
=
'ab'
嗯,就不對(duì)了,成了'ab'
了,因?yàn)檫`反了規(guī)則2:length
屬性是3,
最大索引值是4要比
length
屬性大了。所以表現(xiàn)的不正常了。
太強(qiáng)大了,好像只是定義了一個(gè)接口,只要符合這個(gè)接口,就可以利用數(shù)組的所有方法。
其實(shí)不是可以利用所有方法,Array.prototype.concat
是不能用的,因?yàn)樗前褍蓚€(gè)數(shù)組連接起來(lái),你不是數(shù)組肯定是沒(méi)法用它的。
還有一個(gè)小問(wèn)題是,字符串創(chuàng)建以后是不可變的(immutable),所以你怎么折騰它都是不可變的。
但是這本書(shū)根本就沒(méi)有解釋為什么是符合這兩個(gè)條件就可以看成類(lèi)數(shù)組對(duì)象,另外這本書(shū)的作者
是那個(gè)什么
ECMAScript
委員會(huì)的成員,所以基本還是可信的。至于為什么符合這兩個(gè)條件就可以看成是類(lèi)數(shù)組對(duì)象,我也不知道,谷歌搜了半天也沒(méi)看到什么合理的解釋。
以上所述就是本文的全部?jī)?nèi)容了,希望大家能夠喜歡。
名稱(chēng)欄目:javascript對(duì)象數(shù)組,js數(shù)組對(duì)象方法
轉(zhuǎn)載來(lái)源:http://jinyejixie.com/article24/dsecece.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App設(shè)計(jì)、網(wǎng)站排名、用戶(hù)體驗(yàn)、App開(kāi)發(fā)、小程序開(kāi)發(fā)、品牌網(wǎng)站制作
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)