SYNCERのロゴ
アイキャッチ画像

MimeTypeArray.item() - インデックス番号からmime typeを取得する

item()は、MimeTypeArrayのメソッドです。プラグインに関連付けられているmime typeの1つを、インデックス番号から取得します。

概要

名前
item
所属
MimeTypeArray
IDL
getter MimeType? item(unsigned long index);
仕様書
https://html.spec.whatwg.org/multipage/system-state.html#dom-mimetypearray-item

説明

引数(index)には、取得したいmime typeのインデックス番号を指定します。

チュートリアル

メソッドを利用してmime typeを取得する例です。

var mimeTypeArray = navigator.mimeTypes ;

mimeTypeArray.item( 0 ) ;	// 1つ目のmime type
mimeTypeArray.item( 1 ) ;	// 2つ目のmime type
mimeTypeArray.item( 2 ) ;	// 3つ目のmime type

このメソッドは、下記の通り、ブラケット記法で代用できます。特に理由がなければ、こちらを利用しましょう。

mimeTypeArray[0] ;	// 1つ目のmime type
mimeTypeArray[1] ;	// 2つ目のmime type
mimeTypeArray[2] ;	// 3つ目のmime type

デモ

MimeTypeArray.item()のデモです。

<!-- このコードは編集できます。 -->

<!DOCTYPE html>
<html>
<head>
<style>
div#result {
	white-space: pre-wrap ;
	tab-size: 2 ;
}
</style>
</head>
<body>
<div id="result"></div>
<script>
var resultElement = document.getElementById( "result" ) ;
var mimeTypeArray = navigator.mimeTypes ;
console.log( mimeTypeArray ) ;

resultElement.textContent = mimeTypeArray + "\n\n" ;

for( var i=0,l=mimeTypeArray.length; l>i; i++ ) {
	var mimeType = mimeTypeArray.item( i ) ;
//	var mimeType = mimeTypeArray[i] ;
	resultElement.textContent += "item( " + i + " ): " + mimeType+ "\n" ;
	resultElement.textContent += "\t" + "type: " + mimeType.type+ "\n" ;
	resultElement.textContent += "\t" + "description: " + mimeType.description+ "\n" ;
	resultElement.textContent += "\t" + "suffixes: " + mimeType.suffixes+ "\n\n" ;
}
</script>

</body>
</html>

サポート状況

ChromeFirefoxSafariEdgeIEOperaiOS SafariAndroid
11+ 15+
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年10月12日 (木)
コンテンツを公開しました。