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

MimeTypeArray.namedItem() - 名前からmime typeを取得する

namedItem()は、MimeTypeArrayのメソッドです。プラグインに関連付けられているmime typeの1つを、名前から取得します。mime typeの名前は、MimeType.typeの値です。

概要

名前
namedItem
所属
MimeTypeArray
IDL
getter MimeType? namedItem(DOMString name);
仕様書
https://html.spec.whatwg.org/multipage/system-state.html#dom-mimetypearray-nameditem

説明

引数(name)には、取得したいmime typeの名前を指定します。

チュートリアル

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

var mimeTypeArray = navigator.mimeTypes ;

mimeTypeArray.namedItem( "hoge" ) ;	// "hoge"という名前のmime type
mimeTypeArray.namedItem( "fuga" ) ;	// "fuga"という名前のmime type
mimeTypeArray.namedItem( "piyo" ) ;	// "piyo"という名前のmime type

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

mimeTypeArray.hoge ;	// "hoge"という名前のmime type
mimeTypeArray.fuga ;	// "fuga"という名前のmime type
mimeTypeArray.piyo ;	// "piyo"という名前のmime type

mimeTypeArray["hoge"] ;	// "hoge"という名前のmime type
mimeTypeArray["fuga"] ;	// "fuga"という名前のmime type
mimeTypeArray["piyo"] ;	// "piyo"という名前のmime type

デモ

MimeTypeArray.namedItem()のデモです。

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

<!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 name = mimeTypeArray[i].type ;
	var mimeType = mimeTypeArray.namedItem( name ) ;
//	var mimeType = mimeTypeArray[name] ;
	resultElement.textContent += 'namedItem( "' + name + '" ): ' + 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日 (木)
コンテンツを公開しました。