Structural search and replace

Search for a target structurally

Go to Edit | Find | Search Structurally to open the Structural Search dialog.
note
In the Structural Search dialog, you can quickly switch to the Structural Replace dialog. Click .
In the Structural Search dialog, do one of the following:
- Create your own template from scratch.
  Select Draft Template from the list of templates.
  In the editor area, enter the code template ( $variable$ that represents your code), in the dialog's toolbar click to save it for future use. You can opt to save the template as inspection as well.
  WebStorm adds the created template to the existing template list (Recent node).
- Use one of the existing templates to act as a prototype.
  In the available existing templates list, select the needed template.
  Consider the following example class:
```
class Person {
    constructor(firstName, lastName, age, eyeColor) {
        this.firstName = firstName;
        this.lastName = lastName;
        this.eyeColor = eyeColor;
        this.age = age;
    }
    move(distanceInMeters) {
        console.log(`Person moved ${distanceInMeters}m.`);
    }
    sing(a) {
        console.log(`Person sings ${a}`);
    }

    jump (distanceInMeters,heightInMeters) {
        console.log(`Person jumped ${heightInMeters}m high and ${distanceInMeters}m right.`);
    }

    RETIRED(age) {
        return age >= 60;
    }
}
```
  Let's find a certain method in the class.
  In the list of existing templates, click Javascript, expand the General node, and select the Functions template.
  Click Find.
  WebStorm instantly highlights the found code occurrences in the editor.
The Structural Search dialog displays the selected template and the values of the filters used in the template. You can edit the existing filters or add new conditions. Place the caret at the code variable and use the filter area to manage filters.
For example, to change the number of parameters in the template, select the $parameter$ variable and specify the appropriate minimum number of them.
When you click Find, WebStorm opens the Find tool window with a list of methods with two and more parameters, in our example, only jump (distanceInMeters,heightInMeters) {} is shown.
As an example, let's add a condition for the $name$ variable.
In the filter area, click to add a new condition. If, for example, you need to add a regular expression, select Text. You can also add other conditions depending on your variable.
In the field that opens, type your condition.
For example, let's type the following regular expression:
```
\b[A-Z]+\b
```
In this case WebStorm will only search for the fields with uppercase characters.
Also note there are different additional options are available depending on the selected language.
For example, check the following options:
- Language: use the list to select, which file types should be a part of the search. In our case, it is JavaScript.
- Target: in the list of options, select what item to search for. In our case it is name).
- Recursive: if this checkbox is selected, WebStorm performs the recursive search and all nested items will be included in the results. For example, when you search for a method call, with the Recursive option enabled, WebStorm will find nested method calls in foo(foo(foo())). With the Recursive option disabled, only the outer method call will be found.
- Injected code: if this checkbox is selected, the injected code such as JavaScript that is injected in HTML code or SQL injected in Java will be a part of the search process.
- Match case: if this checkbox is selected, the search result will match the case of a search target.
Specify where to search: in a project, module, directory, or within a custom scope.
Click Find.
WebStorm displays the results in the Find tool window.