javascript - 在数组中查找颜色值(以 # 开头的字符串)

Question

我在 php 中编写了一个小函数，它从包含 css 中元素值的 css 文件创建一个数组。 现在我需要循环这个数组并提取到另一个只包含颜色值的数组中(所有字符串都以#开头)，但我不知道字符串的确切长度(有时是#FFF，有时是#353535或#00 ecc)

我的数组的一个例子是:

Array
(
[0] => margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;
[1] => list-style: none;
[2] => border:none
[3] => display: block
[4] => width:100%;height:100%;
[5] => font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: black;margin:0 0 1px;line-height: 1.5;background-image:url(../images/bg1.png);background-position:left top;background-repeat:repeat;
[6] => margin-bottom:15px;
[7] => text-decoration:none;
[8] => text-decoration:underline;
[9] => font-family:Georgia, "Times New Roman", Times, serif;font-weight: normal;position:relative;
[10] => font-size: 35px;line-height:1.6;color:#353535;text-transform:capitalize;text-align:left;margin-left:40px;border-bottom:1px dotted #353535;
[11] => line-height:1.7px;color:#353535;font-size:14px;text-transform:none;display:block;
[12] => font-size: 18px;line-height:1.7;color:#353535;text-align:left;width:350px;padding-top:8px;margin-left:40px;
[13] => font-size: 28px;line-height:1.6;color:#353535;text-transform:none;text-align:left;background-color:transparent;padding-top:12px;margin-bottom:9px;border-bottom:1px dotted #353535;
[14] => font-size: 12px;color: #353535;text-transform:capitalize;height:24px;margin-top:15px;text-align:left;display:block;
[15] => font-size: 18px;line-height:1.7;color:#353535;text-align:left;width:350px;padding-top:8px;margin-bottom:12px;
[16] => font-weight:bold;font-size:15px;font-family:Georgia, "Times New Roman", Times, serif;background-color:#FFCC33;padding:8px;margin-right:20px;-webkit-border-radius: .5em;-moz-border-radius: .5em;border-radius: .5em;
[17] => font-size: 18px;line-height:1.3;color:#353535;text-align:left;padding-top:8px;margin-bottom:17px;
[18] => font-size: 14px;font-weight:bold;text-align:left;margin-top:0;padding-top:0;padding-bottom:3px;margin-bottom:0;
[19] => font-size: 28px;line-height:1.6;color:#353535;text-transform:none;text-align:left;background-color:transparent;padding-top:12px;margin-bottom:15px;
[20] => border:none;border-top:1px dotted #999;
[21] => padding:5px;border:solid 1px #cccccc;margin-bottom:10px;
[22] => font-weight:bold;font-family:Georgia, "Times New Roman", Times, serif;width:980px;text-align:right;padding-right:40px;color:#333;margin:auto;margin-top:5px;margin-bottom:3px;
[23] => font-weight:bold;font-family:Georgia, "Times New Roman", Times, serif;text-decoration:none;color:#333;
[24] => text-decoration:underline;
[25] => position: relative;width:100%;
[26] => position:relative;width:980px;margin:0 auto;text-align: justify;background-color:white;padding:15px;overflow: hidden;-moz-box-shadow: 0 0 5px 5px #D8D8D8;-webkit-box-shadow: 0 0 5px 5px #D8D8D8;box-shadow: 0 0 5px 5px #D8D8D8;
[27] => float: left;width: 613px;position: relative;background:white;padding:15px;margin-bottom:10px;
[28] => color:#000
[29] => color: #FC0;text-decoration:none;
[...]

我需要扫描这个数组并创建一个仅包含颜色值的新数组。

提前致谢

Answer 1

尝试一下

foreach($my_arr as $str) {
    preg_match('/'.preg_quote('#').'(.*?)'.preg_quote(';').'/', $str, $match);
    if($match) {
        $res_arr[] = $match;
    }
}
print_r($res_arr);