TechAcademy（テックアカデミー） プログラミング Python 基本を解説！Pythonで配列を使う方法【初心者向け】
オーダーメイドコース
icon
icon
Python

基本を解説！Pythonで配列を使う方法【初心者向け】

初心者向けにPythonで配列を使う方法について解説しています。配列はプログラミングにおいても基本的な知識になるので、しっかり理解しておきましょう。配列の種類とそれぞれの書き方を詳しく紹介しているので、実際に書いて覚えてみてください。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　 調査手法：インターネット調査

今回は、Pythonで配列を使う方法を解説します。

配列は、Pythonに限らずプログラミング全般で必要な知識なので、使い方を覚えておきましょう。配列の種類についても紹介しているので、ぜひ知っておくと良いでしょう。

 

なお本記事は、TechAcademyのPythonオンライン講座の内容をもとにしています。

 

配列とは

配列とは、複数の値を1つの変数の中に幾つもの箱に分けて添字で管理できる状態を言います。

○という箱が変数であれば、配列は○○○という3つの箱に番号をつけて1つの配列変数名で利用することができます。

この番号のことを添え字と言います。

注意する点として、番号は0番から始まります。

したがって、3つの添字を保つ配列の場合は、0,1,2…番の添字を使用して配列変数を管理します。

 

変数について

変数とは、値を入れる箱のようなものです。

Pythonでは予約語と呼ばれる事前に定められた単語以外であれば、英数文字と_(アンダースコア)を使用したものであれば、変数名や配列名として使用することができます。

ただし、予約語から始まる文字列や数字から始まる文字列を指定することはできません。

 

配列の種類と書き方

ここでは配列の種類とそれぞれの配列aに対して要素を追加する書き方を比べてみましょう。

 

リストとは

リストは [ ] (角括弧)を使用します。任意の数の要素を設定でき、作成後、要素の追加や削除ができます。

リストに3種類の数字を格納してみます。,のカンマ区切りで数字を格納できます。

a = [10, 20, 30]

 

タプルとは

タプルは ( ) (括弧)を使用します。任意の数の要素を設定できますが作成後、要素の追加や削除ができません。

タプルに3種類の数字を格納してみます。,のカンマ区切りで数字を格納できます。

a = (10, 20, 30)

 

ディクショナリとは

ディクショナリは { } (中括弧)を使用します。任意の数の要素を設定でき、作成後、要素の追加や削除ができます。

keyとvalueの2つで1つの要素という考え方です。

ディクショナリに文字列と数字がセットになった要素を:で区分けし、,のカンマ区切りで格納しています。

ディクショナリの詳しい使い方は、Pythonで辞書を使う方法を御覧ください。

a = {'未経験転職': 10, 'オンラインプログラミングスクール': 20, '効率的な短期学習': 30}

 

セットとは

セットは { } (中括弧)を使用します。

任意の数の要素を設定でき、作成後、要素の追加や削除ができます。

1つのセットの中で重複した要素を設定することができません。

セットに3種類の文字列を、,のカンマ区切りで格納しています。

a = set(['未経験転職', 'オンラインプログラミングスクール', '効率的な短期学習'])

 

配列を実際に書いてみよう

今回はlistを使って実際に書いてみます。

1行目のtechacademy = [‘未経験転職’, ‘オンラインプログラミングスクール’, ‘効率的な短期学習’]では、配列techacademyに[‘未経験転職’, ‘オンラインプログラミングスクール’, ‘効率的な短期学習’]を格納しています。

2行目のfor i in techacademy:では、配列techacademyの内容が存在する間iに代入し続ける、繰り返し処理を行っています。

Pythonでfor文を使う方法について解説している記事もあるので、合わせてご覧ください。

3行目のprint iでは、iの内容を表示しています。

Pythonでprint関数を使う方法について解説している記事もあるので、合わせてご覧ください。

 

listのプログラムソースコード

techacademy = ['未経験転職', 'オンラインプログラミングスクール', '効率的な短期学習']
for i in techacademy:
  print i

 

表示結果

未経験転職
オンラインプログラミングスクール
効率的な短期学習

 

今回は、Pythonで配列を使う方法を解説しました。

入門向けPythonの学習サイトも記事にしているので、学習したい方は参考にしてみてください。

 

[PR] 未経験からWebエンジニアを目指す方法とは

この記事を監修してくれた方

中本賢吾（なかもとけんご）
アジマッチ有限会社　代表取締役社長

開発実績：PHPフレームワークによるフランチャイズ企業向け会員制SNS。Shopifyによる海外進出用大規模ネットショップ構築。Vue.jsによる金融機関向け内部アプリ。AWSやLinuxハウジングサーバーでの環境構築。人工知能を利用した画像判別システム。小売チェーン店舗用スマホアプリ。Wordpressによる不動産チェーン店向け賃貸・売買仲介システム。基幹システム移管用データコンバートシステム。

 

小学生がUnityでオリジナルAndroidアプリをGooglePlayでリリース、NHK Whyプログラミング入賞、全国Programing Festival入賞、中学生がノーコードでSNS型PWAアプリリリースなど、ボランティアプログラミング教育活動行っている。

 
また、TechAcademyではPythonを使って機械学習の基礎を学ぶPythonオンライン講座を開催しています。

初心者向けの書籍を使って人工知能（AI）や機械学習について学ぶことができます。

現役エンジニアがパーソナルメンターとして受講生に1人ずつつき、マンツーマンのメンタリングで学習をサポートし、習得することが可能です。

独学に限界を感じている方はぜひご覧ください。

記事を検索

関連するキーワード

関連する記事

PythonでCSVファイルを読み込んで配列に格納する方法を現役エンジニアが解説【初心者向け】

PythonでCSVファイルを読み込んで配列に格納する方法について解説します。 Pythonプログラムでデータベースや表計算ソフトのデータを扱いたいという...
Python

PythonのTkinterでテキストボックスを作成する方法を現役エンジニアが解説【初心者向け】

PythonのTkinterでテキストボックスを作成する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して、初心者向けに解...
Python

Pythonで再帰関数を作る方法【初心者向け】

Pythonで再帰関数を作る方法について解説します。 そもそもPythonについてよく分からないという方は、Pythonとは何なのか解説した記事を読むとさ...
Python

Pythonでニューラルネットワークを実装する方法を現役エンジニアが解説【初心者向け】

Pythonでニューラルネットワークを実装する方法について解説します。 そもそもPythonについてよく分からないという方は、Pythonとは何なのか解説...
Python

Pythonのdatetimeメソッドによるtimezoneの利用方法について現役エンジニアが解説【初心者向け

Pythonのdatetimeメソッドによるtimezoneの利用方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者...
Python

Pythonの「from import *」の使い方を現役エンジニアが解説【初心者向け】

Pythonの「from import *」の使い方について解説します。 そもそもPythonについてよく分からないという方は、Pythonとは何なのか解...
Python

あわせてよく読まれている記事

PHPの配列でjoinメソッドを使う方法を現役エンジニアが解説【初心者向け】

PHPで配列を結合する方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 PHPではさまざまな方法で配列を結合できますので、この記事では用途に合わせた使い分けについて解説しています。 目次配列とは配列を実際に書いてみようこの記事を監修してくれた方 そもそもPHPについてよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。   大石ゆかり PHPの配列を結合するにはどうしたらいいですか？ 田島悠介 配列を結合する方法はいろいろあるけど、array_mergeが使えるよ。 ただ連想配列でキーが同じだった場合に値が上書きされるよ。 大石ゆかり 連想配列？キー？上書き？　なんだか難しそうですね・・・ 田島悠介 聞いただけではイメージするのが難しいかもしれないね。 たとえば$sum[5]の「5」の数値が配列の添字、つまりキーだよ。 連想配列はこのキーが文字列の配列だね。 じゃあ、配列を結合する方法を実際のサンプルコードを使って説明するね。 大石ゆかり お願いします！ ※この解説記事では配列のキー（添字）が数値のものを添字配列といい、キーが文字列の連想配列と区別しています。PHPの配列については解説記事「PHPの配列の基本を現役エンジニアが解説【初心者向け】」を、連想配列については解説記事「PHPで連想配列を使う方法【初心者向け】」をご覧ください。   array_mergeで結合する方法 PHPで配列を結合するには、array_merge関数が使えます。 複数の配列をひとつに結合した配列を取得できます。 構文 結合された配列 = array_merge(配列1, 配列2); 配列1の後ろに配列2の要素が追加されて結合された配列が取得できます。 ※引数に指定する配列の数は、ひとつでも3つ以上でも指定できます。 ※結合された配列はarray_merge関数の戻り値で取得します。上記の構文だと配列1そのものが更新されるわけではありません。 配列のキーが同じ要素を結合すると？ 配列が連想配列（キーが文字列の配列）かどうかで結果が異なります。 キーが数値の添字配列の場合は、同じキーがあっても添字がゼロから振りなおされ、要素が追加されていきます。 キーが文字列の連想配列の場合は、同じキーがあると新しい要素に上書きされて追加にはなりません。 添字配列を結合する 配列のキーが数値の添字配列をarray_merge関数で結合すると、すべての要素のキーがゼロから振りなおされて追加されます。 ソースコード 色の名前が入った2つの配列 $colors1と$colors2の要素をarray_mergeで結合し、$colorsに代入します。 $colors1と$colors2の配列はキーが数値のため、結合したときにキーが降り直されます。 <?php $colors1 = array('赤', '緑', '青'); $colors2 = array('シアン', 'マゼンタ', '黄'); //配列を結合 $colors = array_merge($colors1, $colors2); //結合した配列を出力（preタグで改行させる） print_r('<pre>'); print_r($colors); print_r('</pre>'); ?> ※本来なら出力したいWebページ内で<html>タグなどを含める必要がありますが、今回はPHPのプログラムの解説が目的なので省略しています。基本的なPHPの書き方について詳しくは解説記事「基本的なPHPの書き方」をご覧ください。 表示結果 解説 $colors1 = array('赤', '緑', '青'); $colors1に3つの要素がある配列を代入しています。 配列 $colors1の中身は以下のように0から2のキーがあります。 Array ( [0] => 赤 [1] => 緑 [2] => 青 ) ※配列を作成するときに、値だけ指定すると自動的にゼロから始まる添字がついてキーが作成されます。配列の作成について詳しくは解説記事「PHPの配列の基本を現役エンジニアが解説【初心者向け】」をご覧ください。 $colors2 = array('シアン', 'マゼンタ', '黄'); $colors2にも3つの要素がある配列を代入しており、中身は以下の状態です。 Array ( [0] => シアン [1] => マゼンタ
PHP

JavaScriptでArrayオブジェクトを使う方法【初心者向け】

JavaScriptをプログラミング初心者向けに紹介した記事です。 今回は、JavaScriptの組み込み関数の1つ、JavaScriptでArrayオブジェクトを使う方法について解説します。 また、入門向けのJavaScriptの学習サイトもまとめて紹介しているので、合わせてご覧ください。   本記事では、テキストエディタのmiを使っていますが、JavaScriptの場合はWebブラウザとテキストエディタがあれば特別な開発環境がなくても開発することができます。   なお本記事は、オンラインブートキャンプ フロントエンドコース（JavaScript・jQuery講座）の内容をもとにしています。   今回の記事の内容は動画でもご覧いただけます。 テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。   目次 組み込み関数のArrayオブジェクトとは Arrayオブジェクトを実際に生成してみよう Arrayオブジェクトのプロパティ・メソッドを呼び出してみよう 　プロパティ1. length（配列の長さを取得する） 　メソッド1. slice()（配列の要素を取り出す） 　メソッド2. reverse()（要素の順番をひっくり返す） 　メソッド3. push()（末尾に新しい要素を追加する） Arrayオブジェクトの任意の箇所を削除する 多次元配列を作成してみよう     組み込み関数のArrayオブジェクトとは 組み込み関数とは、JavaScrip側であらかじめ用意してくれているオブジェクトのことです。Arrayオブジェクトは、組み込み関数の1つで、配列を扱う際に使います。   参考までに、組み込み関数の代表的なものには次のようなものがあります。   <組み込み関数（代表的なもの）> String　文字列を扱う Number　数値を扱う Boolean　論理値を扱う Array　配列を扱う Date　日付を扱う Math　数値計算で扱う   はじめから関数の内容が決まっているので、こちらで定義する手間もなく、実行するだけ。非常に便利なので重宝します。 組み込みオブジェクトを使う場合、newを使って次のようにオブジェクトを生成します。 var オブジェクト名= new object();    大石ゆかり Arrayって配列のことですよね？配列もオブジェクトなんでしょうか？ 田島悠介 JavaScriptでは配列はオブジェクトなんだよね。 大石ゆかり 配列は無いんですか？ 田島悠介 配列をオブジェクトで包んで、関数を追加したりしてるんだよね。なので純粋な配列ではなくて、配列のような感じになってるんだよね。では、Arrayオブジェクトを生成してみよう！   [PR] 未経験からWebエンジニアを目指す方法とはArrayオブジェクトを実際に生成してみよう 適当なオブジェクト名（family）をつけ、Arrayオブジェクトを生成してみます。配列に関する様々なプロオパティやメソッドを出力することができます。 var family = new Array(); これでArrayオブジェクトが1つ生成されましたが、まだfamilyの箱の中身はからっぽの状態です。Taro・Jiro・Saburoを加え、console.logで呼び出してみます。 <!DOCTYPE html> <html lang = “ja”> <head> <meta charset = “utf-8″> <title>JavaScriptの練習</title> </head> <body> <script> var family= new Array("Taro", "Jiro", "Saburo"); console.log(family);
JavaScript

Javaで配列に要素を追加する方法を現役エンジニアが解説【初心者向け】

Javaで配列に要素を追加する方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 Javaで配列に要素を追加することで、配列データの操作を行うことができます。 実務でも、Javaで配列に要素を追加して顧客が希望するデータを追加するので、ぜひ学習してみてください。 目次配列とは配列を実際に書いてみようこの記事を監修してくれた方 そもそもJavaについてよく分からないという方は、Javaとは何なのか解説した記事を読むとさらに理解が深まります。   田島悠介 今回は、Javaに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 配列に要素を追加する方法について詳しく説明していくね！ 大石ゆかり お願いします！   配列とは 「配列」というのは、通常の変数が1つにつき1つの値を保持するのに対して、1つを使って複数の値を保持することができるものです。 変数とは、値を入れる箱のようなものです。 例えば、int型の配列の場合は、次のように複数の整数値を保持できます。 [1, 2, 3, 4, 5]   配列の記法例 ここでは配列の記法例を解説します。 配列の宣言 Javaで配列を宣言するには次のように記載します。 型名[] 変数名; 要素の配列指定 配列に要素(保持できる値の数)を指定する場合は、次のように記載します。 型名[] 変数名 = new 型名[要素数]; 要素の配列代入 要素を代入するには、次のように記載します。 変数名[インデックス] = 値; 複数要素の配列代入 複数の要素を代入する場合には、次のように記載します。 配列の長さと同じだけの要素を並べて中括弧{}に入れることで可能になります。 変数名= {値1, 値2, 値3, ... };   配列に要素を追加する方法 要素がすべて埋まっている配列に、新しい要素を追加したい場合もあります。 しかし、配列は一度長さを決めてしまったら、その長さを超えて要素を追加できません。 そこで、配列に要素を追加する方法は、配列自体をコピーしてより長い配列に代入してしまうという方法があります。 つまり、実際には配列を追加せずに、配列の長さと同じだけの要素を並べて中括弧{}に入れることで可能になります。 実際には配列を追加しないが、追加したような状態にする方法として、Systemクラスのarraycopyメソッドを使います。   配列に要素を追加するコード 型名[] 古い配列 = {要素1, 要素2, 要素3, 要素4, 要素5, ...}; 型名[] 新しい配列 = new 型名[もとの配列の長さ+追加したい要素の個数]; System.arraycopy(古い配列, 0, 新しい配列, 0, 古い配列の長さ); 新しい配列[インデックス] = 追加する値;   配列に要素を追加する解説 型名[] 古い配列 = {要素1, 要素2, 要素3, 要素4, 要素5, …};では、コピーする前の配列を用意しています。 型名[] 新しい配列 = new 型名[もとの配列の長さ+追加したい要素の個数];では、追加したい要素の個数分だけ長い空の配列を用意しています。 System.arraycopy(古い配列, 0, 新しい配列, 0, 古い配列の長さ);では、arraycopyメソッドで、新しい配列にもとの配列をコピーしています。 新しい配列[インデックス] = 追加する値;では、新しい配列の残りの部分に追加したい要素を代入しています。   [PR] 未経験からWebエンジニアを目指す方法とは実際に書いてみよう 上で紹介した方法を使って配列に要素を追加してみましょう。 今回は、整数型の配列に要素を追加していきます。 サンプルコード import java.util.*; public class
Java

使えると便利！Rubyで配列を使う方法【初心者向け】

プログラミングをする上で配列はよく使われます。今回はRubyで書く配列について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 配列を使うことで複数の要素をまとめたり、繰り返し処理をさせたりできるので、ぜひ覚えておきましょう。 目次配列とは配列を実際に書いてみようこの記事を監修してくれた方 Rubyについてそもそもよく分からないという方は、Rubyとは何なのか解説した記事を読むとさらに理解が深まります。   田島悠介 今日は配列の書き方を練習しよう。 大石ゆかり 田島メンター！配列とはなんですかー！ 田島悠介 配列は複数の要素を保持することができるんだ。実際にどういう形になるか見てみよう。 大石ゆかり はい！お願いします！   配列とは 複数の要素をリストのような形式で保持したいときに使用できるデータの保存方法の1つです。 例えば変数は箱に何かを入れるイメージで説明されることが多いですが、配列は複数個の箱が1列に連なっているイメージです。 そしてその箱には番号が付けられ、決まった番号を指定するとその番号の箱のデータが取り出すことができます。   Rubyにおける配列の書き方 配列は以下のように書きます。 # 数値を配列に入れてみる example1 = [3, 6, 9] # 文字列を配列に入れてみる example2 = ["tarou", "zirou", "saburou"] 変数に[]で囲った値を代入しています。 []で囲うことで、配列とみなされます。 example1の3を取り出したいときは example1[0] と書きます。 取り出すときの[]の間に書いている値が0になっていますが、これは配列の1番目を表しています。 これは配列の添え字と言われるもので配列に保持している要素の番号になります。 他のプログラミング言語でもほとんどの場合は配列の添え字は0から始まりますのでご注意ください。 これを踏まえてexample2からzirouを取り出したいときは example2[1] となります。   [PR] 未経験からWebエンジニアを目指す方法とはRubyにおける配列の使い方 Rubyにおける配列の使い方として、一般的な４つの使い方をご紹介します。 配列の生成 配列要素の追加 配列要素の削除 配列の結合 配列の繰り返し処理 それぞれの使い方について以下で解説します。 配列の生成 配列は[]を使うことで生成できます。 example = [] この場合は、何も値が入っていない空っぽの配列になります。 何か値を入れた状態で生成する場合は example = [1, 2, 3] このように書きます。 この場合は数値の1 , 2,  3を配列に格納しています。 配列の添え字0の箇所には1が、配列の添え字1の箇所には2が、配列の添え字2の箇所には3が格納されている状態で配列が生成されています。 配列要素の追加 push 配列に要素を追加する場合はpushメソッドを使用します。 以下の例では配列[1, 2, 3]に4を追加しています。 example = [1, 2, 3] p example #=> [1, 2, 3] example.push(4) p example #=> [1, 2, 3, 4] pushメソッドを使用して、配列に要素を追加した場合は配列の末尾に追加されます。 insert insertメソッドを使用すると、要素を任意の箇所に追加できます。 以下の例では配列[1, 2, 3]に4を追加していますが、1,2 の間に4を追加しています。 example = [1, 2, 3] p example #=> [1, 2, 3] example.insert(1, 4) p example #=> [1, 4, 2, 3] 配列要素の削除 delete 配列の要素を削除する場合はdeleteメソッドを使用します。 以下の例では配列[1, 2, 3,
Ruby

数値計算を行ってみる！PythonのライブラリNumPyの使い方【初心者向け】

今回は、Pythonの数値計算ライブラリであるNumPyについてテックアカデミーのメンターが初心者向けに解説します。 NumPyを使うと、ベクトルや行列など、機械学習で必要となる形式のデータを簡単に扱うことができます。 Pythonで機械学習を行うための必須のライブラリなので、記事を参考にNumPyの使い方を覚えましょう。   目次 NumPyとは NumPyを利用するには NumPyの使い方 NumPy配列を生成する 配列の型を確認する 配列の構造を確認する   NumPyとは NumPyは、Pythonで数値計算を効率的に行うためのライブラリです。 NumPyはオープンソースで公開されており、個人／商用問わず、誰でも無料で利用できます。 NumPyを使うと、ベクトルや行列などの多次元配列の処理を容易に行えます。 またPythonだけで数値計算を行うのと比較して、非常に高速に処理を行えます。 （NumPyの内部はC、及びFortranというプログラム言語で実装されています）。 機械学習は、多次元配列に対して演算を行いながらモデルを学習していきます。 演算処理が効率的に行えるため、PythonのNumpyは機械学習について必須のライブラリです。   大石ゆかり 田島メンター！NumPyというのは何でしょうか？ 田島悠介 Pythonの数値計算のライブラリだよ。Pythonで機械学習を行うには、必須のライブラリなんだ。 大石ゆかり どのような機能があるのですか？ 田島悠介 例を見ながら説明していくね！   [PR] 未経験からWebエンジニアを目指す方法とはNumPyを利用するには NumPyを利用するには、Anacondaなどの開発環境のパッケージを使うのが簡単です。 Anacondaは、データ分析やグラフ描画など、Pythonでよく利用されるライブラリを含んだ開発環境です。 ここではPythonによる機械学習の開発環境を整えるため、Anacondaを利用します。 AnacondaにNumPyをインストールするには、メニュー画面のEnvironmentsから、Not Installedを選択し、検索BOXに「NumPy」と入力します。   一覧にNumPyが表示されますので、チェックボックスで選択し、画面右下のApplyボタンを押すことでインストールできます。 以降は、Jupyter Notebookをもとに、NumPyの使い方を説明します。   NumPyの使い方 NumPyを使う際は、初めにNumPyライブラリをインポートします。 サンプルコード import numpy as np   解説 エラーがでなければ、正しくインポートされています。   NumPy配列を生成する NumPyの配列はarray命令で作成します。 書き方：array(リスト、タプルなど)   リストについてはこちらの記事を参考にしてください。 リストは開発現場でも活用される重要な学習内容となるため、以下の記事を参考にすると理解が深まります。 Numpyを活用するためにリストの理解は必要不可欠です。 Pythonでlist（リスト）を検索する方法【初心者向け】現役エンジニアが解説 | TechAcademyマガジン   タプルについてはこちらの記事を参考にしてください。 タプルもデータを扱う際に活用されるため、以下の記事を参考にすると理解が深まります。 場面に合わせたデータの作成方法を理解することで、機械学習におけるデータ活用の幅が広がります。 Pythonにおけるtupleの利用方法を現役エンジニアが解説【初心者向け】 | TechAcademyマガジン   サンプルコード1 import numpy as np tech=np.array([1, 2, 3]) print(tech)   実行結果1   解説1 1行目のimport numpy as np では、NumPyをnpという名前で利用できるようにしています。 2行目のtech=np.array([1, 2, 3])では、techオブジェクトにNumPyのarrayメソッドを利用して配列の値を代入しています。 代入する値は、[1, 2, 3]です。   3行目のprint(tech)ではtechオブジェクトを表示しています。 表示結果は[1, 2, 3]です。   サンプルコード2 import numpy as np tech=np.array([[1, 2, 3], [4, 5, 6]]) print(tech) 実行結果2   解説2 1行目のimport numpy as np では、NumPyをnpという名前で利用できるようにしています。 2行目のtech=np.array([[1, 2, 3], [4, 5, 6]])では、techオブジェクトにNumPyのarrayメソッドを利用して多次元配列の値を代入しています。 代入する値は、[[1, 2, 3], [4, 5, 6]]です。   3行目のprint(tech)ではtechオブジェクトを表示しています。 表示結果は[[1, 2, 3], [4, 5, 6]]です。   配列の型を確認する NumPyの配列は、要素の型を混在させることができません。 要素の型を確認するには、dtypeプロパティを使用します。     要素の型を確認する サンプルコード import numpy as
機械学習

JavaScriptでDOM操作で要素を削除する方法を現役エンジニアが解説【初心者向け】

JavaScriptのDOM操作で要素を削除する方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 目次配列とは配列を実際に書いてみようこの記事を監修してくれた方 そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。   田島悠介 今回は、JavaScriptに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 JavaScriptのDOM操作で要素を削除する方法について詳しく説明していくね！ 大石ゆかり お願いします！   ※DOMとはHTMLを操作する仕組みのことで、木の枝のような階層構造になっています。DOMの操作について、詳しくは解説記事「JavaScriptでDOMを操作する方法【初心者向け】」をご覧ください。   要素自身を削除する 呼び出した要素自身を削除するときは、removeメソッドを使います。 書式 削除する要素.remove(); 削除する要素自身から、removeメソッドを呼び出します。 removeメソッドで要素を削除すると、削除した要素内の他の子要素も含めてすべて削除されます。 クリックされた時の処理など、イベントを発生させた要素そのものを削除する場合は、受け取ったEventオブジェクトのtargetからremoveメソッドを呼び出せます。 他の要素を削除したいのであれば、「document.getElementById」などで取得します。 ※イベントとは、マウスのクリックやページの読み込みが完了したときなどの動作を指します。JavaScriptではイベントが発生したときに実行する関数を指定するために、各要素のonclick属性などに処理する関数を指定できます。onclick属性については解説記事「クリック時の処理！JavaScriptでonclickを使う方法【初心者向け】」をご覧ください。 ※Eventオブジェクトとは、イベントが発生したときの情報が収められているものです。イベントの発生源である要素などが取得できます。JavaScriptの関数にEventオブジェクトを渡すには、HTMLのonclick属性に「event」を引数として渡します。   サンプルコード クリックしたボタンそのものと、「パープル」の要素自身を削除するサンプルコードです。 ソースコード // 「このボタンを削除」 がクリックされた時の処理 function del_this(event) { //イベントの発生源の要素を削除 event.target.remove(); } // 「パープルを削除」 がクリックされた時の処理 function del_purple(){ //「パープル」の要素をIDから取得 const elem_purple = document.getElementById('purple'); //elem_purple（idがpurple）の要素自身を削除 elem_purple.remove(); } <p>レッド</p> <p id="purple">パープル</p> <p>グリーン</p> <p>ブルー</p> <button onclick="del_this(event)">このボタンを削除</button> <button onclick="del_purple()">パープルを削除</button> 実行結果 See the Pen js_remove_this by mentor-inoue-y (@mentor-inoue-y) on CodePen. 解説 クリックされた要素自身を削除 function del_this(event) { ～ } 「このボタンを削除」ボタンがクリックされたときに呼び出される関数を定義しています。 HTMLの「このボタンを削除」ボタン（button要素）にあるonclick属性に、「del_this(event)」と指定して関数が呼び出されるようにしています。 HTMLのonclick属性でeventを引数で渡すことにより、イベントを発生させた要素の情報を関数に送れます。 イベントを処理する関数 del_this(event)でeventを受け取って、クリックされた要素をevent.targetで取得できます。 event.target.remove(); event.targetはイベント（今回はクリック動作）の発生源の要素である「このボタンを削除」ボタンを指していて、removeメソッドにより要素自身を削除できます。   取得した要素自身を削除 function del_purple(){ ～ } 「パープルを削除」ボタンがクリックされたら呼び出される関数を定義しています。 HTMLの「パープルを削除」ボタン（button要素）にあるonclick属性に、「del_purple()」と指定して関数が呼び出されるようにしています。 const elem_purple =
JavaScript

あなたの目的に合わせて学べるコース

副業したい方

Web制作の力を身につけ
副業までサポート

はじめての副業コース

転職したい方

未経験から
Webエンジニアに

Webエンジニア転職保証コース

スキルアップしたい方

AIも統計解析もできる
Pythonを学ぶ

Pythonコース

※ 経済産業省の行うリスキリングを通じたキャリアアップ支援事業の補助金対象コースです。条件を満たすことで支払った受講料の最大70％がキャッシュバックされます。詳しくは こちら のページをご確認ください。

TechAcademyから
現役エンジニアの方へ
お知らせ

オーダーメイドコース
TechAcademy（テックアカデミー） プログラミング Python 基本を解説！Pythonで配列を使う方法【初心者向け】