Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【PHP8.x】Dom\HTMLElement::prepend()メソッドの使い方

prependメソッドの使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

prependメソッドは、Dom\HTMLElementオブジェクトに対して使用され、その要素の子ノードリストの先頭に新しいコンテンツを追加するメソッドです。

このメソッドは、指定された要素の内部で、既存の全ての子ノードよりも前に、一つまたは複数のノードやテキストコンテンツを挿入する機能を提供します。追加したいコンテンツは可変長引数として渡すことが可能で、具体的にはDOM\Nodeのインスタンス(例えばDOMElementDOMTextなど)や、PHPの文字列(これは自動的にテキストノードとして扱われます)を指定できます。複数のコンテンツを引数に指定した場合、それらは記述された順序通りに、対象要素の先頭に順番に追加されます。

もし追加しようとしているノードが、既にドキュメントツリー内の別の場所に存在する場合、そのノードは元の場所から自動的に削除され、このprependメソッドが呼び出されたDom\HTMLElementオブジェクトの先頭に移動します。この挙動により、既存のノードを移動させる操作も簡単に行えます。

このメソッドは、WebアプリケーションなどでHTMLやXMLドキュメントの構造をプログラムによって動的に変更する際に非常に有用です。例えば、特定の<div>要素の内部に、新しい<span>要素やテキストコンテンツを最も前に挿入したい場合に活用できます。このメソッドは、特に値を返しません。

構文(syntax)

1<?php
2
3// Dom\HTMLElement のインスタンスを仮定
4$dom = new DOMDocument();
5$dom->loadHTML('<body><p>既存のコンテンツ</p></body>');
6$htmlElementInstance = $dom->getElementsByTagName('body')->item(0);
7
8// Dom\Node オブジェクトまたは文字列を可変長引数として要素の先頭に追加
9$newElement = $dom->createElement('span', '新しい要素');
10$htmlElementInstance->prepend($newElement, '先頭に追加される文字列');
11
12?>

引数(parameters)

Dom\Node|string ...$nodes

  • Dom\Node|string ...$nodes: 追加するノードまたは文字列。可変長引数として複数指定可能です。

戻り値(return)

void

このメソッドは、指定されたノードを要素の先頭に追加します。戻り値はありません。

サンプルコード

PHPで配列の先頭に要素を追加する

1<?php
2
3/**
4 * 配列の先頭に要素を追加する関数(プリペンド操作)。
5 *
6 * PHPの組み込み関数 array_unshift を使用して、既存の配列の先頭に1つ以上の要素を追加します。
7 * これは、HTML要素のリスト(Dom\HTMLElement)の先頭に要素を追加するDom\HTMLElement::prepend
8 * メソッドの「先頭に追加する」という概念と、配列操作において共通しています。
9 *
10 * @param array $array 対象の配列(参照渡し)
11 * @param mixed ...$values 追加する1つ以上の値
12 * @return void
13 */
14function prependToArray(array &$array, ...$values): void
15{
16    // array_unshift関数は、配列の先頭に要素を追加します。
17    // 第1引数は参照渡しなので、元の配列が直接変更されます。
18    array_unshift($array, ...$values);
19}
20
21// サンプルコードの開始
22echo "--- 配列の先頭に要素を追加する例 ---" . PHP_EOL;
23
24// 1. 初期配列を定義します
25$fruits = ['apple', 'banana', 'orange'];
26echo "初期配列: " . implode(', ', $fruits) . PHP_EOL;
27
28// 2. 配列の先頭に新しい要素を1つ追加します
29prependToArray($fruits, 'grape');
30echo "1つの要素を追加後: " . implode(', ', $fruits) . PHP_EOL;
31
32// 3. 配列の先頭に複数の新しい要素を追加します
33prependToArray($fruits, 'lemon', 'mango');
34echo "複数の要素を追加後: " . implode(', ', $fruits) . PHP_EOL;
35
36// 4. 配列に空の要素や異なる型の要素を追加することも可能です
37prependToArray($fruits, null, 123);
38echo "異なる型の要素を追加後: " . implode(', ', $fruits) . PHP_EOL;
39
40// 5. 直接 array_unshift を使う場合の例
41$numbers = [3, 4, 5];
42echo "初期数値配列: " . implode(', ', $numbers) . PHP_EOL;
43array_unshift($numbers, 1, 2);
44echo "array_unshift を直接使用後: " . implode(', ', $numbers) . PHP_EOL;
45
46echo "--- 処理完了 ---" . PHP_EOL;
47
48?>

PHPのDom\HTMLElement::prependメソッドは、WebページのHTML要素の先頭に別の要素を追加する機能を提供します。このサンプルコードは、その「先頭に追加する」という考え方をPHPの配列操作に応用し、配列の先頭に要素を追加する「プリペンド」操作をどのように行うかを示しています。

具体的には、PHPの組み込み関数であるarray_unshiftを使用して、既存の配列の先頭に一つ以上の新しい要素を追加します。サンプルコード内のprependToArray関数は、このarray_unshift関数を使いやすくするためのものです。

prependToArray関数は、最初の引数として対象となるarray(配列)を参照渡しで受け取ります。参照渡しとは、配列そのもののコピーではなく、その配列があるメモリ上の場所を直接操作する仕組みのため、関数内で配列に変更を加えると、関数の外にある元の配列も直接更新されます。二つ目以降の引数...$valuesには、配列の先頭に追加したい一つ以上の値を指定できます。この関数は、変更後の配列を返すのではなく、元の配列を直接変更するため、戻り値はvoid(何も返さない)となっています。

実行例では、['apple', 'banana', 'orange']という初期配列に対して、'grape''lemon', 'mango'といった要素が次々に先頭へ追加されていく様子を確認できます。array_unshiftは、指定された要素を配列の先頭に順に追加し、配列のインデックスを自動的に再採番します。また、異なる型の要素や複数の要素も一度に追加できる柔軟性を持っています。これにより、配列の先頭に新しいデータを効率的に挿入する操作を理解することができます。

このサンプルコードは、PHPの配列の先頭に要素を追加する一般的な方法として、組み込み関数 array_unshift を利用しています。ご紹介のリファレンスにある Dom\HTMLElement::prepend はHTMLのDOM要素に対して使用するメソッドであり、対象が異なりますので混同しないようご注意ください。サンプルコードの prependToArray 関数や array_unshift は、引数で渡された配列を「参照渡し」で直接変更します。新しい配列を返さないため、意図しないデータ変更がないか確認することが重要です。また、大規模な配列の先頭に要素を追加する操作は、配列全体の再構築を伴うため、末尾に追加する場合よりも処理負荷が高くなる可能性がある点もご留意ください。

関連コンテンツ

関連プログラミング言語

【PHP8.x】Dom\HTMLElement::prepend()メソッドの使い方 | いっしー@Webエンジニア