「'_'」との比較は何を意味しているのでしょうか。

「if (color[0] == '_') { return; }」の箇所がよく分かりません。

「jquery.color.svg-names.js」より、「$.Color.names」は
Colorオブジェクトのプロパティnamesは色名に対応したカラーコードを設定した
オブジェクトであることは理解出来ています。
ですがアンダースコア（_）と比較することに何の意味があるのかが全く分かりません。
アドバイスをお願い致します。

該当のソースコード

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4  <meta charset="UTF-8">
5  <title></title>
6</head>
7<body>
8  <div>
9    <h4>jQuery Color Pluginの機能</h4>
10    <div id="border"></div>
11    <form id="form" onsubmit="return false;"></form>
12  </div>
13<script src="js/jquery-3.6.0.min.js"></script>
14<script src="js/jquery.easing.min.js"></script>
15<script src="js/jquery.color.js"></script><!-- jQuery Color Plugin -->
16<script src="js/app.js"></script>
17</body>
18</html>

jQuery
1// 改訂新版jQuery本格入門 P175のコードより。
2
3(function($) {
4
5  // 要素のスタイル（CSS）
6  $('#border').css({
7    'border'       : '25px solid black',
8    'marginBottom' : 10
9  });
10
11  // ラジオボタンの設定
12  $.each($.Color.names, function(color) {
13    if (color[0] == '_')  { return; } // 疑問の箇所
14    const label = $('<label>', {
15      'for'  : color,
16      'text' : color
17    }).appendTo('#form');
18    $('<input>',
19      {
20        click() {
21
22          // クリックされたラジオボタンの色に変化させる
23          $('#border').animate(
24            { 'borderColor' : $(this).val() },
25            {
26              'easing' : 'easeOutQuad',
27              'speed'  : 'fast'
28            }
29          );
30        },
31        'id'   : color,
32        'name' : 'color',
33        'type' : 'radio',
34        'val'  : color
35      }
36    ).prependTo(label);
37  });
38})(jQuery);

jQuery
1// jQuery Color Plugin
2
3jQuery.extend(jQuery.Color.names, {
4
5  // 4.3. Extended color keywords (minus the basic ones in core color plugin)
6  aliceblue    : "#f0f8ff",
7  antiquewhite : "#faebd7",
8  aquamarine   : "#7fffd4",
9  azure        : "#f0ffff",
10// 中略
11  whitesmoke   : "#f5f5f5",
12  yellowgreen  : "#9acd32"
13});

回答2件

別のソースを見ていませんか？
下記ソースには_defaultがあり、'_default'[0] が '_' になるのでそれを除外しているのではないでしょうか。

js
1colors = jQuery.Color.names = {
2
3	// 4.1. Basic color keywords
4	aqua: "#00ffff",
5	// 略
6
7	// 4.2.3. "transparent" color keyword
8	transparent: [ null, null, null, 0 ],
9
10	_default: "#ffffff"
11};

【jquery-color/jquery.color.js at main · jquery/jquery-color · GitHub】
https://github.com/jquery/jquery-color/blob/main/jquery.color.js#L680

投稿2022/09/22 19:50

kei344

総合スコア69248

回答へのコメント

taka_oct092018

2022/09/23 07:07

kei344様、返信ありがとうございます。具体的な例を示して頂いたことでコードの意図を理解することが出来ました。

ベストアンサー

問題は左辺color[0]で何が取得できるかです。

以下のように文字列をおさめた変数を添え字番号でアクセスすることで0を1字目とした「n字目」の文字列が取得できます。

JavaScript
1test = "hello"
2console.log(test[0]) //h

で、
プラグインの元コードを確認すると
https://github.com/jquery/jquery-color/blob/main/jquery.color.js

1つだけアンダーバーで始まるcolor name がありますね。

_default: "#ffffff"

上記から、「デフォルトのときは何もしない」という意図があると思われます。
※あくまでコードからの推測であり、実際の意図は制作者しか知りません。

投稿2022/09/22 19:51

編集2022/09/23 09:42

m.ts10806

総合スコア80695

回答へのコメント

taka_oct092018

2022/09/23 07:06

m.ts10806様、回答ありがとうございます。ご指摘の通り「_default」のプロパティを指していました。完全にコードを読み間違えておりました。本当にありがとうございます。

m.ts10806

2022/09/23 09:43

解決されたようで何よりです。プラグインやライブラリを使う際は元のコードを読んでみることも大事です。ドキュメントに現れてないことも案外あったりしますから。＞低評価された方嫌がらせ目的で低評価を利用するのをやめてください。そんなことしても何の足しにもなりません。むしろ自身の立場がどんどん悪くなるだけです。

あなたの回答