タグ

ブックマーク / www.sejuku.net (5)

  • 【JavaScript入門】forEach文の使い方と配列の繰り返し処理まとめ! | 侍エンジニアブログ

    では早速、forEach文の基的な使い方について詳しく見ていきましょう。主に、一般的な構文や書き方などから実際の例も交えて学んでいきいます。 基的な構文と使い方 forEach文の基的な形は、下記のようなものです。 var array = [配列データ]; array.forEach( コールバック関数 ) 一般的な使い方としては、配列.forEach( 処理 )のように配列データに対してforEachを実行します。forEach文は、配列データの値1つずつに対してコールバック関数に記述した処理を実行できます。 コールバック関数は、いくつか引数を受けとることが可能で、これにより簡単な繰り返し処理を実現しています。 配列をループさせて中身を取得する それでは、簡単な練習として一般的な配列データをループさせながら中身の要素を取得してみましょう! 次のサンプル例を見てください。 var i

    【JavaScript入門】forEach文の使い方と配列の繰り返し処理まとめ! | 侍エンジニアブログ
    calibaby
    calibaby 2020/06/27
    今全部for文使ってやっちゃってるんだけど、配列の中身全てに適用する場合は、forEach文への書き換えがすっとできるようになりたい!
  • 【JavaScript入門】lengthで文字列や配列の長さを取得する方法 | 侍エンジニアブログ

    こんにちは、フリーランスの湯浅です。今回は、lengthプロパティについて詳しく学習していきます! 一般的に、JavaScriptで扱うlengthプロパティは、文字列や配列などで使われることが多いのですが、それ以外にも有効に活用できるプロパティであることをご存知でしょうか? どのような「値」を取得できるのかを知っていると、プログラミングの効率がアップして、余計なコードを書く必要もなるくなるので非常に便利です! そこでこの記事では、 「length」とは? 文字列の「length」使い方 配列の「length」使い方 関数の「length」使い方 オブジェクトの「length」 「length」とは? それでは、まずlengthについて基的な知識から学習をしていきましょう。lengthは、主に文字列の長さや配列の要素数を取得することができるプロパティになります。 例えば、文字列の長さを取

    【JavaScript入門】lengthで文字列や配列の長さを取得する方法 | 侍エンジニアブログ
    calibaby
    calibaby 2020/05/17
    lengthといえば文字列の長さ!と思い込んでいたが、配列の個数とか、関数の因数の数とか、色々使えるんだなと。
  • 【JavaScript入門】importで外部ファイルを読み込む方法 | 侍エンジニアブログ

    こんにちは!エンジニアのワカツキです! モダンなJavaScript(ES6)でよく見かける、モジュールの「import」と「export」ですが、使い方を詳しく理解していますか? 今回はES6に導入された便利なモジュールを扱う上で基となるimportについて、わかりやすく解説していきたいと思います! importとは ES6では、JavaScriptオブジェクトをモジュール化して管理できます。モジュール化を行うと、機能の再利用を行えるほか、保守性を高めたり、変数名が被ってしまうのを防ぐことができます。 importは、あるモジュールでエクスポートされた、関数やオブジェクト、プリミティブ値を別モジュール内にインポートするために使う文法です。 以下のように記述します。 import {モジュール名} from "インポート元" importの使いかた モジュールにはdefaultモジュール

    【JavaScript入門】importで外部ファイルを読み込む方法 | 侍エンジニアブログ
    calibaby
    calibaby 2020/05/17
    初心者向けのはずのgrasshopper,徐々に難しくなってきて、いきなりまだ説明のないimport文とか出てくるのつら!
  • 【JavaScript入門】for文のループ処理はこれで完璧! for-in / for-of / forEach文も徹底解説! | 侍エンジニアブログ

    for文の繰り返し処理とは? JavaScriptに関わらず、同じ処理を何回か繰り返したい場面というのがあったりすると思います。例えば、取得した値の分繰り返してリストを生成したり…という場面ですね。 そんな時に使えるのが、繰り返し処理です。 繰り返し処理を使えば、同じコードを数回繰り返して実行してくれます。ブログの一覧を作る時なんかにも使われる方法です。 この繰り返し処理を実現できるのが、forなどの構文です。この後の項目で詳しく解説していきますね。 for文の使い方 まずは、JavaScriptにおける最も基となるfor文の使い方から学んでいきましょう! for文は、決められた回数だけ処理を繰り返す場合に使用します。事前にどんな処理を何回繰り返すのかを決めておくのが一般的です。 このfor文によく似た構文としてwhile文というのもあります。しかしこちらは、繰り返す回数が決まっていない

    【JavaScript入門】for文のループ処理はこれで完璧! for-in / for-of / forEach文も徹底解説! | 侍エンジニアブログ
    calibaby
    calibaby 2020/05/04
    こういうの聞いてる時はふんふんわかったOKOKって流しちゃうんだけど、じゃあさあ書いてみて!ってなると、えちょっとまってまってなんだっけってなるからやっぱり細かく手を動かしながら覚えていくしかないよねー
  • 【JavaScript入門】Object.keysの使い方とプロパティ列挙の方法まとめ | 侍エンジニアブログ

    こんにちは!エンジニアの中沢です。 JavaScriptにはオブジェクトのプロパティを取得するための「Object.keys」があります。 オブジェクトのプロパティを配列で取得できるので、上手く活用してください。 この記事では、 ・Object.keysとは ・Object.keysの使い方 という基的な内容から、 ・プロパティ列挙の方法 などの応用的な使い方に関しても解説していきます。 今回はこれらの方法を覚えるために、Object.keysのさまざまな使い方をわかりやすく解説します! Object.keysとは Object.keysとは、オブジェクトのプロパティを取得するために使うものです。 オブジェクトのプロパティを配列でまとめて取得できるので、うまく活用してください。 連想配列で使えば、キーを取得することができます。 この章では、「Object.keys」の基的な使い方を見て

    【JavaScript入門】Object.keysの使い方とプロパティ列挙の方法まとめ | 侍エンジニアブログ
  • 1