2c:null 2d:["$","title",null,{"children":"Find and replace | Observable | Observable"}] 32:[{"id":"fda492c54da514ddc990a900ac5b65396ff08f11fd760b7980aba819183514ec4faaa32026b77dce013043bbfcb756ba3d1abec74426cd2618bf0cf089de4978","href":"https://static.observableusercontent.com/files/fda492c54da514ddc990a900ac5b65396ff08f11fd760b7980aba819183514ec4faaa32026b77dce013043bbfcb756ba3d1abec74426cd2618bf0cf089de4978","name":"Replace@1.svg","type":"image/svg+xml","lastModified":1638469932470.635,"size":466},{"id":"4f1d1d396a7fb749ef90fc3e6b29d8e2bff09bb744ff161d4b0c334b2b1cbf78137e4beea0bd4b79e42e76447a085b0dcdbd013e52660ff2e4da39f425357af5","href":"https://static.observableusercontent.com/files/4f1d1d396a7fb749ef90fc3e6b29d8e2bff09bb744ff161d4b0c334b2b1cbf78137e4beea0bd4b79e42e76447a085b0dcdbd013e52660ff2e4da39f425357af5","name":"Replace All.svg","type":"image/svg+xml","lastModified":1638469932470.635,"size":388},{"id":"5ec6a91e8b5acbfef346f4a462b450de7e324d18388d61ecb018914bbdc17972690ce7c7b74d8ebfb0f15292decd03f927779bf4f57f328fec15314e52766003","href":"https://static.observableusercontent.com/files/5ec6a91e8b5acbfef346f4a462b450de7e324d18388d61ecb018914bbdc17972690ce7c7b74d8ebfb0f15292decd03f927779bf4f57f328fec15314e52766003","name":"Replace.svg","type":"image/svg+xml","lastModified":1638469932470.635,"size":291},{"id":"4cc22faa597c39bacd4728b8bf1a1d4ad24d35b9d39e32daa81872092858b92826ada79c716d4b157e19cea075a908a6b7cca493747f410cd7766bba013b1b53","href":"https://static.observableusercontent.com/files/4cc22faa597c39bacd4728b8bf1a1d4ad24d35b9d39e32daa81872092858b92826ada79c716d4b157e19cea075a908a6b7cca493747f410cd7766bba013b1b53","name":"Search.svg","type":"image/svg+xml","lastModified":1638469932470.635,"size":654}] 30:{"id":"621b55dede87069c","slug":"find-and-replace","title":"Find and replace","thumbnail":"e8597844daac2cb8ab3d3caaa1b8324e211040431a22434e1d395d17bd34763c","access_level":"public","create_time":"$D2021-12-02T18:32:12.470Z","update_time":"$D2023-01-30T23:13:52.161Z","view_time":null,"first_public_time":"$D2021-12-02T21:00:34.054Z","has_unpublished_edits":null,"fork":true,"stars":8,"starred":false,"owner":{"type":"team","id":"f35c755083683fe5","login":"observablehq","name":"Observable","avatar_url":"https://avatars-next.observableusercontent.com/424c6c1f7794371c9915a160519bdfb34cf34e50069fcd6def38a1a04d4e9702","tier":"enterprise_2024","bio":"The end-to-end solution for building and hosting better data apps, dashboards, and reports."},"version":277,"publish_version":null,"role":null,"authored":false,"authors":[],"members":[{"type":"group","id":"c4990be612f2da51","login":"8788045797a2fd14","name":"Product Education","avatar_url":null,"tier":"public","role":"editor"},{"type":"team","id":"f35c755083683fe5","login":"observablehq","name":"Observable","avatar_url":"https://avatars-next.observableusercontent.com/424c6c1f7794371c9915a160519bdfb34cf34e50069fcd6def38a1a04d4e9702","tier":"enterprise_2024","role":"viewer"}],"comments":[{"id":"3754de79cb1503a9","reply_to_id":null,"content":"Any plan to implement a \"Selected cells\" option? That would be handy ;-)","create_time":"$D2022-08-30T10:15:13.041Z","update_time":null,"resolved":false,"user":{"type":"individual","id":"950eb34948878085","login":"galopin","name":"Michaël Guitton","avatar_url":"https://avatars-next.observableusercontent.com/b59822ff41962e9448473fadd4a11819ac725b074ad3868aabf532bade0ac00d","tier":null}}],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":{"id":"b4ea105928f5b13b","slug":"observable-tips-and-tricks","title":"Observable Tips and Tricks","owner":{"id":"f35c755083683fe5","login":"observablehq","name":"Observable"}},"type":"notebook","body":{"titling":"auto","title":"Find and replace","cells":[{"id":0,"value":"# Find and replace","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":3,"value":"You can find and replace strings of text: click the magnifying glass icon ${magnifyingGlassIconImage()} in the right margin to display the **Find and Replace** side pane.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":12,"value":"## Using Find\n- In the field with the magnifying glass, enter the string of text that you wish to find. The matching instances, if any, are displayed, and also highlighted in both the side pane and the main text.\n- If no matches are found, you see a message indicating that there are no results.\n- If multiple instances are found, the number of instances is displayed in the upper right corner.\n- Use the up and down arrows to move from one instance to the next. Highlighting indicates which instance is selected, and wraps back to the beginning when you scroll down from the last instance.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":168,"value":"## Using Replace\n- If you want to replace one string with another, click **Replace**. The field with the opposing arrows ${replaceIconImage()} appears, and you can enter the replacement string.\n- Unlike **Find**, **Replace** does not take effect immediately. To replace a single instance, choose one of the found instances with the up and down arrows (or by clicking directly), and then click the replace-single-instance icon: ${replaceOneIconImage()}\n- To replace all instances (careful!) of the Find string, click the replace-all-instances icon: ${replaceAllIconImage()}\n- To undo accidentally replacing an instance:\n - Edit the cell in question and use Ctrl-Z.\n - Use the Version History (the clock icon in the right margin) to revert a Replace all.\n- If you subsequently want to use Find without Replace, you may wish to close the Replace field so that you do not accidentally replace the Find string with an empty string.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":16,"value":"## Settings\n\nTo enable options to make the Find and Replace operations more selective, click **Settings**. The following set of options appears.\n- Case sensitive\n- Whole word\n- Regular expression","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":271,"value":"note(htl.html`\nNote: Combining Find Options\n
\nYou can combine the Case sensitive and Whole word options, but selecting Regular expression will de-select the other two options.\n`)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"### Case sensitive\nClicking this check box makes the Find operation case-sensitive. Normally, both \"the\" and \"The\" will match the same Find operation, but clicking the **Case sensitive** box will cause only one of the strings to match.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":23,"value":"### Whole word\nClicking this check box causes the Find operation to match only instances that are whole words. For example, searching for \"able\" with **Whole word** selected will find a match in \"**Able** was I, ere I saw Elba\" but not \"Observ**able** was I, ere I saw Elbavresbo.\" (OK, probably not a sentence you might encounter.)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":26,"value":"### Regular expression\nClicking this check box allows you to use regular expressions in the Find operation. Regular expressions define patterns of strings, such as \"all strings that end in 'S'\" or \"strings that contain the number 9\". Instead of matching a specific string, you can match *all* strings that match a pattern defined by a regular expression.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":259,"value":"#### Wildcards\n\n- Use a period (.) to match any character.\n- Use an asterisk (*) to indicate zero or more instances.\n- Use a plus sign (+) to indicate 1 or more instances.\n- Use a question mark (?) to indicate either zero or 1 instances.\n\n\n- Use `[a-z]*` to match any string of lowercase letters.\n- Use `[A-Z]*` to match any string of uppercase letters.\n- Use `[0-9]*` to match any string of numerals.\n\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":223,"value":"#### Capture groups\n\nUse parentheses to define regular expression capture groups within the Find string. These can help you perform more complicated Replace operations. A capture group is a substring of the Find string; you can refer to these capture groups using regular expression variables in the form `$1`, `$2`, and so on.\n\nFor example, consider the following Find string:\n\n 1 2 (3 4) 5 6 (7 8)\n\nIf the Find operation matches the entire string, the variable `$1` would refer to \"3 4\" and the variable `$2` would refer to \"7 8\". You could then specify the Replace string as \"`$2$1`\", which would result in the output string \"7 83 4\".","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":75,"value":"#### Regular expression examples","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":77,"value":"- Wildcards\n - To match a string of text that ends with the letter \"s\", enter `.*s` into the Find field.\n - To match a string of text that contains the number 9 anywhere in the string, enter `.*9.*` into the Find field.\n- Matching groups\n - To match a string beginning with \"abc\" followed by any sequence of letters, enter `abc[A-Za-z]*` into the Find field.\n - To match a string beginning with \"abc\" followed by any sequence of numbers, enter `abc[0-9]*` into the Find field.\n- Capture groups\n - To replace a series of functions named `findRedValue`, `findGreenValue`, and `findBlueValue` with equivalent `getRedValue`, `getGreenValue`, and `getBlueValue` functions, you could search for each function individually, but you can use capture groups to do the Replace operation all at once: Enter `find([a-zA-Z]*)Value` into the Find field and `get$1Value` into the Replace field.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":80,"value":"There are many possible regular expressions, so we will not provide an exhaustive list here. In general, Observable follows the rules of JavaScript's native regular expressions (see the MDN pages on [Regular expressions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions)), with the exception of flags. For example, you are not able to add a `g` to a regular expression to make a search global.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":134,"value":"## Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":136,"value":"async function icon(file, {width = \"20px\"} = {}) {\n const src = await file.url();\n return () => htl.html`

`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":139,"value":"magnifyingGlassIconImage = icon(FileAttachment(\"Search.svg\"))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":268,"value":"// 2022.06\nnote = {\n const scope = DOM.uid(\"note\").id;\n const style = document.head.appendChild(htl.html`