javascript - 循环遍历数组匹配变量并分配执行条件

标签 javascript jquery arrays loops

目前我正在构建能够实时显示天气的网络应用程序,但我坚持我的想法之一。因此,我使用免费的预报 API,并获取 ICON 的对象值(表示不同时间下雨、下雪等的图标)。我已经根据该预测 API 的文档创建了包含有关此对象值的所有可能选项的数组:“图标”,并且我已在 Img 文件夹中准备了所有图像。所以我的想法是循环遍历这个数组,其中包含天气条件的所有可能选项,然后如果与我的 ICON 变量匹配(该变量根据我的 API 一直在变化),我希望能够为当前分配正确的图像天气条件:下雨 - 分配 Rain.png 或如果下雪 - 分配 Snow.png 等。

到目前为止,这是我的代码,但我在将数组与此 ICON 变量输出匹配时遇到问题。我还用我想要分配的所有图像制作了数组,如果有匹配的话。

var weatherConditions = [
            'Clear',
            'Possible Light Precipitation',
            'Light Precipitation',
            'Precipitation',
            'Drizzle',
            'Possible Drizzle',
            'Possible Light Rain',
            'Light Rain',
            'Rain',
            'Heavy Rain',
            'Possible Light Sleet',
            'Light Sleet',
            'Sleet',
            'Heavy Sleet',
            'Possible Flurries',
            'Flurries',
            'Possible Light Snow',
            'Light Snow',
            'Snow',
            'Heavy Snow',
            'Windy',
            'Dangerously Windy',
            'Foggy',
            'Mostly Cloudy',
            'Overcast',
            'Dry and Breezy',
            'Drizzle and Dangerously Windy'
        ]; 
    var arrayLength = weatherConditions.length;
    for (var i = 0; i < arrayLength; i+=1){
        if ( weatherConditions[i].indexOf(dayOneIconTokyo) ){
            console.log('working');
        } else{
            console.log('not in the array');
        }
    }   

最佳答案

假设 dayOneIconTokyo 是一个数组

for (var i = 0; i < dayOneIconTokyo.length; i++){
    if ( weatherConditions.indexOf(dayOneIconTokyo[i]) ){
        console.log('working');
    } else{
        console.log('not in the array');
    }
}

关于javascript - 循环遍历数组匹配变量并分配执行条件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35701937/

相关文章:

javascript - jquery 多重选择器与 contains()

jquery - 只有 x 轴上的整数在带有 angularjs 的流程图中刻度

arrays - 支持 O(1) 随机访问和最坏情况 O(1) 附加的数据结构?

javascript - 字符串转 jQuery 函数

javascript - 在主(父)页面的 div 中加载 Ajax 结果

javascript - 如何使用 Ajax 在创建后立即显示第一个且仅一个评论

C: 无法将文件中的行存储到数组中

javascript - JQuery 无法比较当前日期

javascript - 未捕获的 TypeError : $(. ..).children(...)[0].css 不是函数

java - 限制重复的随机数