データ型と配列の判定方法のJavaScript実装を詳しく解説

韦小宝
リリース: 2018-03-14 18:39:03
オリジナル
1274 人が閲覧しました

この記事では、JavaScriptデータ型を実装する方法と配列の判定について説明します。JavaScriptのデータ型や配列の判定について知らない方、またはデータ型や配列の判定に興味がある方向けに説明しています。では、一緒にこの記事を見てみましょう。では、ナンセンスはやめて本題に入りましょう。

冒頭に書きました: 昨日の面接で、とてもとても簡単な質問に答えられなかったのは、緊張しすぎたせいかもしれません。後から思いついたのですが、印象に残るようにしっかり記録しておこうと思いました。革命はまだ成功していない、私たちはまだまだ努力して強くならなければなりません!

1. jsの6つの主要なデータ型

number:数字,整数、浮点数等等,
string:单引号或者双引号来说明,
Boolean:返回true和false,这两个值不一定对应1和0
object:对象,可以执行new操作符后跟要创建的对象类型的名称来创建。
null:只有一个值得数据类型,逻辑上讲,null值表示一个空对象指针。
undefined:未定义,使用var声明变量但未对其初始化时,变量的值就是undefined。
ログイン後にコピー

2. データ型判定typeof typeof はほとんどのデータ型の判定を解決でき、その戻り値はオペランドの型を表す
string です。

//判断变量num是不是一个数字类型
if(typeof num=='number') {
    return true;
}
ログイン後にコピー

戻り結果:

var a="hling"; console.log(a); //string
var a=1; console.log(a); //number
var a=false; console.log(a); //boolean
var a; console.log(typeof a); //undfined

var a = null; console.log(typeof a); //object
var a = document; console.log(typeof a); //object
var a = []; console.log(a); //object

var a = function(){}; console.log(typeof a) 
//function除了可以判断数据类型还可以判断function类型
ログイン後にコピー

文字列、数値、ブール値、未定義の 4 つの型を除き、null、オブジェクト、配列はすべてオブジェクト型を返します。 ! !

関数型の場合、typeof(Date)、typeof(eval) などの関数が返されます。


3. jsで配列型を決定する方法

1)instanceof Instanceof は、変数がオブジェクトのインスタンスであるかどうかを判断するために使用されます。この演算子は JavaScript の
オブジェクト指向 と関係があります。これを理解するには、まず JavaScript のオブジェクト指向を理解する必要があります。この演算子は、オブジェクトのプロトタイプ チェーンがコンストラクターのプロトタイプ オブジェクトを指しているかどうかを検出するためです。

a instanceof b?alert("true"):alert("false")  
//注意b值是你想要判断的那种数据类型,是不是一个字符串,比如Array
ログイン後にコピー
例子:var arr = [1,2,3,1]; 
alert(arr instanceof Array); // true
ログイン後にコピー

2) コンストラクター W3C 定義での定義: コンストラクター属性は、このオブジェクトを作成した配列関数への参照を返します

var arr = []; 
arr instanceof Array; // true 
arr.constructor == Array; //true
ログイン後にコピー

さまざまな型を判断する方法は次のとおりです:

console.log("string".constructor == String);
console.log((123).constructor == Number);
console.log(false.constructor == Boolean);
console.log([].constructor == Array);
console.log({}.constructor == Object);
ログイン後にコピー

共通のメソッド:

function isArray(object){
    return object && typeof object==='object' &&
            Array == object.constructor;
}
ログイン後にコピー

3) 特徴判定 object.isArray() で判定し、値が配列であるかどうかを正確に検出することが目的です。 IE9 以降、Firefox 4 以降、Safari 5 以降、Opera 10.5 以降、および Chrome はすべてこのメソッドを実装しています。ただし、IE8 より前のバージョンはサポートされていません。

function isArray(object){
    return  object && typeof object==='object' &&    
            typeof object.length==='number' &&  
            typeof object.splice==='function' &&    
             //判断length属性是否是可枚举的 对于数组 将得到false  
            !(object.propertyIsEnumerable('length'));
}
ログイン後にコピー

4) Object.prototype.toString.call

Object.prototype.toString.call(value) == '[object Array]'
ログイン後にコピー

上記がこの記事のすべての内容です。あまり詳しくない場合は、両方を自分で実装でき、簡単に習得できます。 !


関連する推奨事項:
jsはieブラウザであるかどうかを決定します

JSは配列を詳細に決定します

以上がデータ型と配列の判定方法のJavaScript実装を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート