计算起始站车费

题目：深圳--60--广州--50-虎门--40- -中山--36-珠海一34-澳门一89一香港以上车票费用计算，如坐车深圳到广州60元，广州到虎门50元，深圳到虎门就是60+50-110元其它以此类推。

请用一个函数，传入一个起始点，和一个终点，就能计算出车费如传入起始点虎门，终点澳门就会计算出110元

思考

  • 我们首先想想，如何把每个站跟票价联系起来？

    • 很简单，我们把用一个对象存{city,price}，每个站和每个站到下一站的票价，最后一个站存0，这样就呈现了一定的规律了。
  • 封装一个函数，传一个数组对象，一个始末站的对象
  • 在函数里面，我们先检测一下起始站和终点站是否合理
  • 用indexOf取得下标，然后查看是往哪一个方向。
  • 用for循环遍历数据对象，然后就可以计算出车费了
  • 运行结果如下图

以下就是我用js代码，写的车票计费问题。

<!DOCTYPE html>

<html lang="zh-CN">

<head>

    <meta charset="UTF-8">

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

    <title>Document</title>

</head>

<body>

    <script>

        //数组里存对象

        var array = [

            {city:'深圳', price:0},

            {city:'广州', price:60},

            {city:'虎门', price:50},

            {city:'中山', price:40},

            {city:'珠海', price:36},

            {city:'澳门', price:34},

            {city:'香港', price:89}

        ];

        var price = cheFei( array , { start : '香港' , end : '虎门'} )

        console.log('香港->虎门')

        console.log(price)

        function cheFei(array , addr ){

            var start_index = end_index = -1;

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

                if(addr.start === array[i].city)

                    start_index = i;

                if(addr.end === array[i].city)

                    end_index = i;

            }

            //如果没找到 地址 ，返回错误提示

            if (-1===start_index ||-1===end_index )

                return console.error('404 抱歉,未找到您输入的地址');

            var price = 0;

            // start_index < end_index 表示：深圳->香港 方向

            if( start_index < end_index ){

                for( var i=start_index+1; i<=end_index; i++ ){

                    price += array[i].price;

                }

            } else {

                for(var i=start_index; i>end_index; i--){

                    price += array[i].price;

                }

            }

            return price;

        }

    </script>

</body>

</html>

计算起始车站车费问题-JavaScript数组对象写法的更多相关文章

  1. JavaScript数组对象常用方法

    JavaScript数组对象常用方法 方法 形式 返回值 是否改变原数组 描述 concat -items: ConcatArray[] 追加之后的数组 否 连接两个或更多的数组,并返回结果.注意 c ...

  2. javascript数组对象排序

    javascript数组对象排序 JavaScript数组内置排序函数 javascript内置的sort函数是多种排序算法的集合 JavaScript实现多维数组.对象数组排序,其实用的就是原生的s ...

  3. JavaScript 数组对象常用属性

    concat() 用于连接两个或多个数组.该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本. var a = ["aa","ccc"]; var b ...

  4. javascript数组对象

    constructor属性 返回数组对象原型 var arr = [1,2,3,4,5]; arr.constructor //输出 function Array() { [native code] ...

  5. JavaScript 数组对象的去重

    JavaScript数组去重 1.原型去重法.通过prototype找到数组的源性对象Array,在数组的原型上添加unique()方法.需要使用的时候使用 点 " . " 进行连 ...

  6. JavaScript数组对象详情

    Array 数组概述 Array 类型是 ECMAScript 最常用的类型.javaScript 中的 Array 类型和其他语言中的数组有着很大的区别. 虽然数组都是有序排列,但 javaScri ...

  7. javascript 数组对象及其方法

    数组声明:通过let arr = new Array(); 或者 let arr = []; 数组对象可调用的方法: 1)find方法,使用情况是对数组进行筛选遍历,find方法要求某个函数(A)作为 ...

  8. Javascript 数组对象常用的API

    常用的JS数组对象API ES5及以前的Api ECMAScript5为数组定义了5个迭代方法,每个方法接收两个参数, 一个是每项运行的函数,一个是运行该函数的作用域对象(可选项),传入这些方法的函数 ...

  9. 了解JavaScript 数组对象及其方法

    数组在我目前学习过的编程语言中都可以见到, 形形色色的方法也数不胜数, 不过功能都一样, 最多也就是方法名稍稍有所不同, 老外也没个准啊, 如果英语比较好的同学对于学习方法(method)来说是很快的 ...

随机推荐

  1. Angular：路由的配置、传参以及跳转

    ①路由的配置 1.首先用脚手架新建一个项目,在路由配置时选择yes 2.用ng g component创建组件 3.在src/app/app-routing.module.ts中配置路由 import ...

  2. Vulnhub实战靶场：ME AND MY GIRLFRIEND: 1

    一.环境搭建 1.官网下载连接:https://www.vulnhub.com/entry/me-and-my-girlfriend-1,409/ 2.下载之后,使用Oracle VM Virtual ...

  3. Reflect个人记录

    Reflect是一个内置方法,并不能通过构造函数的来进行构建 Reflect.construct: 与new操作父有一些类似,相当于new target(...) 例: 我们先自己定义一个类 clas ...

  4. 个人微信公众号搭建Python实现 -个人公众号搭建-构想（14.3.1)

    @ 目录 1.需求 2.怎么做 关于作者 1.需求 个人便捷工具 2.怎么做 针对个人未认证订阅号拥有以下权限 以及微信网页的一些权限,但是由于开发微信网页有限制 可定制功能只有被动回复,以及这个素材 ...

  5. 利用302绕过http协议限制

    360某处ssrf漏洞可探测内网信息(附内网6379探测脚本) http://xss.one/bug_detail.php?wybug_id=wooyun-2016-0229611

  6. 使用mybatis-generator插件结合tk.mybatis自动生成mapper

    本篇文章将介绍使用spring boot框架,引入mybatis-generator插件,结合tk.mybatis自动生成Mapper和Entity的一整套流程,其中包括最重要的踩坑与填坑.     ...

  7. element-ui 表单 v-if 不能验证问题

    element-ui 表单v-if 很多人会遇到无法验证的问题,网上很多是在el-form-item标签前加一个div然后把v-if拿到div上去像这样 <div v-if="addc ...

  8. Arduino IDE 开发ESP-01/ESP8266-01读取DHT11温度湿度传感器

    引脚接线: DHT11---ESP8266-01 Singnal--IO2, GND----GND, VCC----VCC DHT11引脚说明: ESP8266-01/ESP8266-01S引脚说明: ...

  9. 24位PCM采样数据转成16位算法，已实现PCM转WAV在线工具源码支持24bits、16bits、8bits

    目录 算法来源 js版24位PCM转8位.16位代码 js版8位.16位PCM转成24位 附:浏览器控制台下载数据文件代码 相关实现 最近收到几个24位的PCM录音源文件,Recoder库原有的PCM ...

  10. 一、linux安装mysql

    一.下载mysql免编译包: wget http://cdn.mysql.com/archives/mysql-5.6/mysql-5.6.33-linux-glibc2.5-x86_64.tar.g ...