supabase/apps/reference/_supabase_js_versioned_docs/version-v1/overlaps.mdx

---
id: overlaps
title: ".overlaps()"
slug: overlaps
custom_edit_url: https://github.com/supabase/supabase/edit/master/web/spec/supabase.yml
---

import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';



<Tabs
  defaultValue="js"
  groupId="reference/supabase-js"
  values={[{ label: 'JavaScript', value: 'js' }]}>

<TabItem value="js">

```js
const { data, error } = await supabase
  .from('countries')
  .select('name, id, main_exports')
  .overlaps('main_exports', ['computers', 'minerals'])
```


</TabItem>

</Tabs>





## Notes

- `.overlaps()` can work on array columns or range columns.

  ```js
  .overlaps('arraycol',["a","b"]) // You can use a javascript array for an array column
  .overlaps('arraycol','{"a","b"}') // You can use a string with Postgres array {} for array column.
  .overlaps('rangecol','(1,2]') // Use Postgres range syntax for range column.
  .overlaps('rangecol',`(${arr}]`)  // You can insert an array into a string.
  ```










## Examples

### With `select()`



<Tabs
  defaultValue="js"
  groupId="reference/supabase-js"
  values={[{ label: 'JavaScript', value: 'js' }]}>

<TabItem value="js">

```js
const { data, error } = await supabase
  .from('countries')
  .select('name, id, main_exports')
  .overlaps('main_exports', ['computers', 'minerals'])
```


</TabItem>

</Tabs>

### With `update()`



<Tabs
  defaultValue="js"
  groupId="reference/supabase-js"
  values={[{ label: 'JavaScript', value: 'js' }]}>

<TabItem value="js">

```js
let countries = await supabase
  .from('countries')
  .update({ name: 'Mordor' })
  .overlaps('main_exports', ['computers', 'minerals'])
```


</TabItem>

</Tabs>

### With `delete()`



<Tabs
  defaultValue="js"
  groupId="reference/supabase-js"
  values={[{ label: 'JavaScript', value: 'js' }]}>

<TabItem value="js">

```js
const { data, error } = await supabase
  .from('countries')
  .delete()
  .overlaps('main_exports', ['computers', 'minerals'])
```


</TabItem>

</Tabs>

### With `rpc()`



<Tabs
  defaultValue="js"
  groupId="reference/supabase-js"
  values={[{ label: 'JavaScript', value: 'js' }]}>

<TabItem value="js">

```js
// Only valid if the Postgres function returns a table type.
const { data, error } = await supabase
  .rpc('echo_all_countries')
  .overlaps('main_exports', ['computers', 'minerals'])
```


</TabItem>

</Tabs>