JavaScriptで配列内の数値の符号を反転させる方法
はじめに
正の数と負の数が混在する配列を受け取り、正の数を対応する負の数へ、負の数を対応する正の数へ、元の配列を直接書き換える形で変換するJavaScript関数を作成する必要があります。
これは、配列の各要素に -1 を掛けることで実現できます。以下では、forEach() メソッドを使った実装例を紹介します。
コード例
const arr = [12, 5, 3, -1, 54, -43, -2, 34, -1, 4, -4];
const changeSign = arr => {
arr.forEach((el, ind) => {
arr[ind] *= -1;
});
};
changeSign(arr);
console.log(arr);出力結果
コンソールには以下のように出力されます。
[ -12, -5, -3, 1, -54, 43, 2, -34, 1, -4, 4 ]
コードの解説
このコードでは、forEach() メソッドを使って配列の各要素にアクセスし、インデックス ind を利用して元の配列の要素を直接書き換えています。各要素に -1 を掛けることで、正の数は負の数に、負の数は正の数に反転します。
なお、元の配列は変更せずに新しい配列を生成したい場合は、map() メソッドを使う方法も便利です。
const newArr = arr.map(num => -num);
map() は元の配列を破壊せず、符号を反転した新しい配列を返すため、状況に応じて使い分けるとよいでしょう。
-
JavaScriptのappendChild()メソッド徹底解説!基本的な使い方と実践例
JavaScriptのappendChild()メソッドは、親ノードの末尾に新しい要素を追加するためのメソッドです。特に、<ul>や<ol>などのリストに<li>項目を動的に追加する場面でよく使われます。複数の項目を追加したい場合は、appendChild()を必要な回数だけ呼び出すことになります。 JavaScriptのappendChild()とは? Webページにはテキストのリスト、画像のリスト、カスタム要素のリストなど、さまざまなリストがあふれています。通常、リストを作成するときはHTMLで直接記述しますが、appendChild()メソッドを使
-
JavaScriptの数値(Number)の基本と実践サンプルコード
JavaScriptでは、整数も小数もすべて「Number」型として扱われます。この記事では、数値変数の定義方法と、それらを使った簡単な演算の例を、動作するHTMLサンプルコードとともに紹介します。サンプルコード以下は、JavaScriptで数値を扱う基本的な例です。整数(22、99)と小数(1.523)を変数に格納し、ボタンをクリックすると画面に表示する仕組みになっています。<!DOCTYPE html> <html lang=ja> <head> <meta charset=UTF-8 /> <meta name=viewport co