Como inserir um elemento em um array JavaScript em uma posição específica?

Olá a todos! Comecei a estudar JavaScript recentemente e encontrei um problema ao trabalhar com arrays. Preciso inserir um novo elemento em um array não no final nem no início, mas em um índice específico, por exemplo, entre o segundo e o terceiro elemento.

Conheço os métodos push() e unshift(), mas eles adicionam elementos apenas no final ou no início. Tentei usar splice(), mas não consegui — ou entendi errado a sintaxe, ou estou fazendo algo errado.

Aqui está um exemplo da minha situação: tenho um array com nomes ['Ivan', 'Maria', 'Petr'], e preciso inserir o nome 'Anna' entre Maria e Petr, para que fique ['Ivan', 'Maria', 'Anna', 'Petr']. Como fazer isso corretamente?

Agradeço por uma explicação detalhada com exemplos. Desde já, obrigado!