Question

我是JavaScript的新手，我在deb http://mirrors.163.com/ubuntu/ precise main restricted universe multiverse deb http://mirrors.163.com/ubuntu/ precise-security main restricted universe multiverse deb http://mirrors.163.com/ubuntu/ precise-updates main restricted universe multiverse deb http://mirrors.163.com/ubuntu/ precise-proposed main restricted universe multiverse deb http://mirrors.163.com/ubuntu/ precise-backports main restricted universe multiverse deb-src http://mirrors.163.com/ubuntu/ precise main restricted universe multiverse deb-src http://mirrors.163.com/ubuntu/ precise-security main restricted universe multiverse deb-src http://mirrors.163.com/ubuntu/ precise-updates main restricted universe multiverse deb-src http://mirrors.163.com/ubuntu/ precise-proposed main restricted universe multiverse deb-src http://mirrors.163.com/ubuntu/ precise-backports main restricted universe multiverse对象中的outputallCustomers函数中遇到了一些麻烦。我可以输出所有客户数据（在此处未包含的函数中硬编码并插入到对象中），但是对CustomerDB函数的调用无法正常工作，我不知道为什么。

getAddressbyId

Answer 1

替换

<template>
  <div id="app">
  <vue-ads-layout :full-bar="true">

    <!-- Header -->
    <vue-ads-bar
      slot="toolbar"
      :fixed="true"
      class="bg-red">
      <!-- <vue-ads-menu-button slot="first" :hidden="hiddenLeft" @toggle="hideLeft"></vue-ads-menu-button> -->
      <vue-ads-menu-button slot="last" :hidden="hiddenRight" @toggle="hideRight"></vue-ads-menu-button>
    </vue-ads-bar>

    <!-- Footer -->
    <vue-ads-bar
      slot="footer"
      :fixed="false"
      :footer="true"
      class="bg-purple">
    </vue-ads-bar>

    <!-- OffCanvas -->
    <vue-ads-drawer
      slot="right-drawer"
      :minified="minifiedRight"
      :hidden="hiddenRight"
      :fixed="false"
      @minify="minifyRight"
      @hide="hideRight"
      class="bg-blue">
      <vue-ads-minify-button slot="bottom" :right="true" :minified="minifiedRight" @toggle="minifyRight"></vue-ads-minify-button>
    </vue-ads-drawer>

    <h1> Content! </h1>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum laudantium modi aspernatur quibusdam, accusamus officiis eius labore quasi praesentium vero esse veritatis et pariatur sint magnam? Cupiditate est iusto cumque!</p>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum laudantium modi aspernatur quibusdam, accusamus officiis eius labore quasi praesentium vero esse veritatis et pariatur sint magnam? Cupiditate est iusto cumque! Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatum, sunt ullam sint libero minus error perferendis quod fuga? Eius facere sint possimus maxime quaerat quae iusto. Optio rerum minima iure! Lorem ipsum, dolor sit amet consectetur adipisicing elit. Delectus doloremque mollitia, officiis non quidem quam labore aut ducimus vel libero architecto nihil repellendus, consectetur ipsam magni sed pariatur repellat tempore! lorem</p>

  </vue-ads-layout>

  </div>
</template>


<script>
  import '../node_modules/@fortawesome/fontawesome-free/css/all.css';
  import '../node_modules/vue-ads-layout/dist/vue-ads-layout.css';
  import { VueAdsLayout, VueAdsBar, VueAdsDrawer, VueAdsMenuButton, VueAdsMinifyButton } from 'vue-ads-layout';

  export default {
    name: 'app',
    components: {
        VueAdsMinifyButton,
        VueAdsMenuButton,
        VueAdsDrawer,
        VueAdsBar,
        VueAdsLayout
    },
    data: function() {
      return {
        minifiedLeft: false,
        minifiedRight: false,
        hiddenLeft: false,
        hiddenRight: true,
      };
    },
    methods: {
        minifyLeft (minified) {
            this.minifiedLeft = minified;
        },

        hideLeft (hidden) {
            this.hiddenLeft = hidden;
        },

        minifyRight (minified) {
            this.minifiedRight = minified;
        },

        hideRight (hidden) {
            this.hiddenRight = hidden;
        },
    }, 
  }
</script>


<style lang="scss">

  @import 'reset.scss';
  @import 'variables.scss';
  @import 'layout.scss';

</style>

使用

getAddressById : function (address_id) {
        var result;
        for (var i = 0;i < this.addresses.length;i++) {
          if (this.addresses[i].address_id == address_id) {
            result = this.addresses[i];
            console.log(this.addresses[i].address_id);
          }
          return result;
        }

      },

Answer 2

将您的public enum Types { SLOW("Slow"), FAST("Fast"), VERY_FAST("Running"); } List<Types> playerTypes = new ArrayList<>(); playerTypes.add(Types.SLOW); List<Player> myPlayers = new ArrayList<>(); Player player = new Player("FAST"); myPlayers.add(player); for (Player p : myPlayers) { if(playerTypes.contains(Types.valueOf(p.getType()))) { System.out.println("Player type is : " + p.getType()); } }放在return循环之外，如果发现匹配项，请使用for停止循环。

break

Answer 3

尝试下一个解决方案

var CustomerDB = {
  customers: [],
  addresses: [],
  stores: [],

  addCustomer: function (customerObj) {
    customerObj.add_date = new Date();
    this.customers.push(customerObj);
  },

  outputAllCustomers: function () {
    console.log("All Customers\n");
    for (var i = 0; i < this.customers.length; i++) {

      console.log("Customer " + this.customers[i].customer_id + ": " + this.customers[i].first_name + " " + this.customers[i].last_name + " (" + this.customers[i].email + ")");
      var customerAddress = this.getAddressById(this.customers[i].address_id);
      console.log("Home Address: " + customerAddress.address + " " + customerAddress.city + " " + customerAddress.province + " " + "." + customerAddress.postal_code);
      break;
    }
  },
  /***********************************
   *           adress methods         *
   * **********************************/
  addAddress: function (addressObj) {
    this.addresses.push(addressObj);
  },
  getAddressById: function (address_id) {
    var result;
    for (var i = 0; i < this.addresses.length; i++) {
      if (this.addresses[i].address_id == address_id) {
        result = this.addresses[i];
        console.log(this.addresses[i].address_id);
        return result;
      }
    }
    // Return not found
    return false;
  },
}

JavaScript对象操作问题

3 个答案: