let obj={ "增城区": "440118", "番禺区": "440113", "南沙区": "440115" } 当let str=‘440118000000,440115000000‘ 返回对应的区域 vue js
时间: 2024-11-05 13:11:12 浏览: 6
在Vue.js中,你可以通过数组推导、字符串处理以及对象映射的方式来实现这个功能。假设你已经有了如上所示的对象`obj`,并且需要将给定的一串区划代码分割成数组,然后查找并返回对应的区域名。这是一个简单的示例:
```javascript
let obj = {
"增城区": "440118",
"番禺区": "440113",
"南沙区": "440115"
};
let str = '440118000000,440115000000';
// 将字符串按照逗号分隔成数组
let codes = str.split(',');
// 使用map函数遍历数组,找到每个区划代码在obj中的对应区域
let result = codes.map(code => obj[code]);
console.log(result); // 输出:['增城区', '南沙区']
```
如果你想在Vue组件内完成这个操作,可以创建一个计算属性(computed property)来封装这个逻辑。例如,在Vue实例中:
```javascript
new Vue({
data() {
return {
obj,
str
};
},
computed: {
areas() {
return this.str.split(',').map(code => this.obj[code]);
}
},
// ...其他Vue生命周期方法...
});
```
现在你可以直接访问`this.areas`来获取结果。
阅读全文