pgsql 取jsonb数组中某个key 得 valuds_vue开发中随机生成mock数据

本文分享了一个在Vue开发中快速生成随机Mock数据的小技巧,特别是在处理列表数据时,如何避免重复数据并实现动态效果。同时,介绍了在PostgreSQL中操作jsonb数组获取特定key的值。通过封装公共方法,可以更方便地应用到项目中,提高开发效率。
摘要由CSDN通过智能技术生成

写在前言

这是一篇很简短的文章,主要是总结我平常开发的一些小技巧,如果你是大佬,就没必要再往下读了,还不如去玩2077

正文

在平常用vue写页面的时候,比如那些列表数据,table啊,list啊,tags等等这种,通过v-for循环跑出来的列表数据,

有时候我们为了看页面效果,都要在data里面自己手写一些数据进去,

如果纯手写就太浪费时间了,10条还好,假设是100条,总不能copy100次吧。

假设现在我们要开发一个表格功能,我这里使用的ui组件是ant-design-vue,从官网copy一个简单的demo下来e3e83cee4495a122398b57c1b2075a74.png查看他的代码,发现data是这样定义的30fb0fff55eefe6d982ab0567a045bae.png假设我们要给他加上100条数据,那么我们可以这么操作

const data = [...new Array(100).keys()].map((idx) => ({
     
  key: '1',
  name: 'John Brown',
  age: 32,
  address: 'New York No. 1 Lake Park',
  tags: ['nice', 'developer']
}));

可以看到100条数据加载出来了

d41878a3e2c991bd40ff2abc33c527da.png2f92cd46c8ce24c103809767c1a18fd9.png但是有个问题,每一条数据都是一样的,并且key是一样,for循环会报错,怎么解决,很简单,把idx带上去就行了

const data = [...new Array(100).keys()].map(() => ({
     
  key: idx, // 加上idx
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 要将 JSONB 字段的字符串类型转换为数组类型,您可以使用 PostgreSQLJSONB 函数。具体来说,您可以使用 JSONB_ARRAY_ELEMENTS 函数将 JSONB 字段的转换为数组,然后使用 CAST 函数将数组元素转换为字符串类型。以下是示例代码: ```sql SELECT CAST(jsonb_array_elements('["foo", "bar", "baz"]') AS TEXT[]); ``` 在上面的代码,我们将 JSONB 字符串 `["foo", "bar", "baz"]` 转换为数组类型,并使用 CAST 函数将数组元素转换为字符串类型。此查询将返回一个包含字符串元素的数组。 如果您想从一个 JSONB 字段数组,您可以将 JSONB 字段名替换为字段,如下所示: ```sql SELECT CAST(jsonb_array_elements('["foo", "bar", "baz"]') AS TEXT[]); ``` 这将返回一个包含 JSONB 字段的字符串元素的数组。 ### 回答2: 在pgsql,可以使用相应的SQL函数将jsonb字段的字符串类型转换为数组类型。可以通过使用jsonb_array_elements_text()函数来实现。下面是一个示例: 假设我们有一个表格名为"my_table",其有一个名为"my_jsonb_column"的jsonb类型的字段,其为['apple', 'banana', 'orange']的字符串。我们想要将该字符串转换为数组类型。 可以使用以下SQL语句实现该功能: SELECT jsonb_array_elements_text(my_jsonb_column) AS my_array FROM my_table; 运行该语句后,将返回一个包含"apple"、"banana"和"orange"的结果集,这就是将字符串转换为数组类型的过程。 需要注意的是,通过使用jsonb_array_elements_text()函数将字符串转换为数组类型时,字符串必须符合JSON数组格式。如果字符串不符合JSON数组格式,转换过程将会失败。 希望对你有所帮助! ### 回答3: 在pgsql,要将JSONB字段的字符串类型转为数组类型,可以使用内置的函数jsonb_array_elements_text()。 这个函数将JSONB数组中的每个元素转换为文本类型,并返回一个结果集。首先,需要使用jsonb_typeof()函数检查JSONB字段的类型是否为数组。接下来,可以在SELECT语句使用jsonb_array_elements_text()函数来转换JSONB字段的为数组类型的结果。 下面是一个示例: ``` SELECT jsonb_array_elements_text(jsonb_column) AS array_value FROM table_name WHERE jsonb_typeof(jsonb_column) = 'array'; ``` 在上面的示例jsonb_column是要读JSONB字段的名称,table_name是包含该字段的表名。 这个查询将返回JSONB字段的每个数组元素的,转换为数组类型的结果。 需要注意的是,如果读JSONB字段不是数组类型,上述查询将不会返回任何结果。在应用上述查询时,需要确保只针对包含数组类型JSONB字段使用。 通过使用这种方法,可以方便地将JSONB字段的字符串类型转换为数组类型,以便后续的操作和使用。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值