#12 JavaScriptで学ぶファイル読み書きの基本

JavaScriptのファイル操作は、動かす場所(ブラウザかNode.jsか)によって大きく事情が異なる分野です。この記事では、それぞれの環境でのファイル操作の考え方を解説します。

ブラウザ上ではファイルに直接アクセスできない

セキュリティ上の理由から、ブラウザ上で動くJavaScriptは、利用者のパソコンのファイルに自由にアクセスすることができません。利用者が明示的に選択したファイルだけを、限定的に読み込める仕組みが用意されています。

Node.js環境でのファイル操作

Node.jsには`fs`というファイル操作専用のモジュールがあります。

const fs = require('fs'); const content = fs.readFileSync('data.txt', 'utf-8'); console.log(content);

ファイルに書き込む

fs.writeFileSync('data.txt', 'こんにちは');

JavaScriptならではの注意点

`fs`モジュールには、今回紹介した「同期的」な(その場で終わるまで待つ)書き方に加え、非同期の書き方も用意されています。大きなファイルを扱う本格的なプログラムでは非同期の書き方が推奨されますが、学習の最初は同期的な書き方から慣れていくとよいでしょう。

まとめ

JavaScriptのファイル操作は、ブラウザでは制限があり、Node.jsでは`fs`モジュールを使います。動かす環境によって考え方が大きく変わる点を意識しましょう。


本ページはプロモーションを含みます。

参考書籍(PR)

JavaScriptをもっと学びたい方には「改訂新版JavaScript本格入門」がおすすめです。

コメント

このブログの人気の投稿

#11 Rustで学ぶエラーハンドリングの基本

#16 TypeScriptで学ぶ辞書型(マップ)の基本

#19 Goで学ぶテスト(単体テスト)の基本