javascript 連想配列について

この問題がわかりません
助力お願いします。、

引数で指定された色のカラーコードを返す関数を作ってください

但し、色とカラーコードは連想配列を使って管理すること

// 色とカラーコードを関連付けるための連想配列を定義する

// 取りあえず’red’、’green’、’blue’を定義すれば十分

var data = {………………………………};

var getColorCode = function(color){

………………………

// dataを参照して、colorが登録されていたら対応するカラーコードを返す

// 登録されていない場合は「未登録」と返す

};

console.log(getColorCode(‘red’)); // ‘#FF0000’と表示

console.log(getColorCode(‘green’)); // ‘#00FF00’と表示

console.log(getColorCode(‘blue’)); // ‘#0000FF’と表示

console.log(getColorCode(‘yellow’)); // ‘未登録’と表示

dice142

2018/10/04 11:55

何がわからないのでしょう？穴埋め部分をそのままにせず、ご自身で考えたコードを入れてみてください。

m.ts10806

2018/10/04 11:57 編集

「この問題」とは？自分で解かなければカンニングと同等だと思うのですが。

行動規範の内容に同意します

回答2件

連想配列で管理してますし、全ての色名に対応できます。
これで無問題です。
理解できるかどうかはさておき。

js
1const data = {};
2const getColorCode = function(colorName) {
3  // 既にあったら返す
4  if (data[colorName]) return data[colorName];
5
6  const div = document.createElement('div');
7  div.style.backgroundColor = colorName;
8  document.body.append(div);
9  const color = window.getComputedStyle(div).backgroundColor;
10  div.remove();
11
12  // backgroundColorの初期値がrgba(0, 0, 0, 0)であることを利用して
13  // 存在しない色名だったら「未登録」を返す
14  if (color.includes('rgba')) return '未登録';
15
16  const colorCode = '#' + color.replace(/rgb((.*))/, '$1').split(', ').map(num =>  ('0' + (num - 0).toString(16)).slice(-2).toUpperCase()).join('');
17
18  // 一度作ったら覚えとく
19  data[colorName] = colorCode;
20  
21  return colorCode;
22}