获取城市列表

莫奈的日出

已于 2022-05-18 14:31:15 修改

阅读量336

点赞数

文章标签： javascript webview

于 2022-05-07 16:35:52 首次发布

本文链接：https://blog.csdn.net/weixin_52993364/article/details/124590821

版权

这篇博客展示了如何使用JavaScript处理一个包含城市信息的数组，按城市拼音首字母排序，并生成HTML结构。首先，创建了一个对象用于按字母顺序组织城市，然后遍历城市数组，根据拼音首字母进行分类。最后，将处理后的数据输出到控制台，并讨论了JavaScript中对象和数组的操作。此内容涉及JavaScript基础、数据结构和前端HTML渲染。

摘要由CSDN通过智能技术生成

// 数组的遍历

// 对象操作

// 数组操作

// 字符串操作

// 标签操作

cities.js里面有n个数组对象，代表不同的城市，里面有三个属性，城市名称，id，和城市拼音

接下来，将提供的Js文件中的城市，整理成按字母ASCII排列的html代码：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>city</title>

</head>

<body>

    <ul></ul>

</body>

<script src="./cities.js"></script>

<script>

    // 准备好容器

    var myCity={};

    // 遍历所有的城市

    for(var i=0;i<cities.length;i++){

        // 当前城市

        var city = cities[i];

        // 获取拼音的首字母 charAt(0)  

        var key = city.py.charAt(0);

        // 转为大写 toUpperCase()

        key = key.toUpperCase();

        // 如果key值第一次出现，需要进行数组初始化处理；

        // 如果key值不是第一次出现，直接push

         

            // 判断对应的key值是否存在

           if(myCity[key]){

                // 存在

                myCity[key].push(city);

            }else{

                // 不存在

                myCity[key] = [city];//进行数组初始化

            }

       

    }

    console.log(myCity);

    // 给object添加任意属性

    // 1.obj.abc=1   ===>  {abc:1}

    // 2.var ok = "aaa";

    // obj[ok]=1   ===>   {abc:1}

</script>

</html>

莫奈的日出

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
获取城市列表

// 数组的遍历// 对象操作// 数组操作// 字符串操作// 标签操作cities.js里面有n个数组对象，代表不同的城市，里面有三个属性，城市名称，id，和城市拼音接下来，将提供的Js文件中的城市，整理成按字母ASCII排列的html代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv=...
复制链接

扫一扫