Задачи на функции работы со строками в javascript

Как удалить архив

Удаление бесед, перемещенных в архив «Вотс-апа», и диалогов с главного экрана производится по одному принципу.

Android

Чтобы удалить диалог на гаджете с операционной системой Андроид, нужно:

• перейти в раздел «В архиве», где расположены все скрытые беседы;
• найти нужную переписку;
• нажать на нее и удерживать до появления меню;
• тапнуть по иконке в виде мусорного бака;
• подтвердить действие в появившемся диалоговом окне, нажав на кнопку “ОК”.

iPhone

Пользователи гаджетов на iOS могут удалить ненужный чат следующим образом:

• найти ненужный диалог через строку «Поиск» или листая беседы, перемещенные в архив;
• свайпнуть по тому чату, который следует стереть;
• нажать на знак многоточия;
• в появившемся меню выбрать раздел «Удаление»;
• подтвердить действие.

Удаление беседы, в отличие от архивации, является необратимым шагом.

Несмотря на то что диалог с этим контактом можно будет создать снова, потерянную информацию вернуть нельзя. Повторно скачать ее с серверов приложения также не получится. Все данные удаляются сразу после доставки адресату.

Архивация чатов на iPhone.

concat

Метод concat возвращает
новый массив, состоящий из элементов текущего массива, плюс элементы, указанные
в качестве аргументов:

Array.concat(arg1,
arg2…)

Здесь arg1, arg2
могут быть как примитивными данными (строки, числа), так и массивами. Например:

let ar = 1, 2;
 
let res1 = ar.concat(3, 4); // 1,2,3,4
console.log( res1 ); 
 
let res2 = ar.concat(3, 4, 5, 6); // 1,2,3,4,5,6
console.log( res2 ); 
 
console.log( ar.concat(3, 4, 5, 6) ); // 1,2,3,4,5,6

По идее, этот
метод работает и с объектами, вот так:

let obj = {name "guest"};
let ar = 1, 2;
let res = ar.concat(obj);
 
console.log( res );

но здесь
копируется лишь ссылка на объект, а не он сам.

Удаление элементов

Чтобы удалить элементы, введите элемент, с которого нужно начать (index) и количество элементов, которые нужно удалить (number of elements):

array.splice(index, number of elements);

Параметр Index — это начальная точка удаления элементов. Элементы с порядковым номером меньше заданного параметра Index не будут удалены:

array.splice(2);  // Every element starting from index 2, will be removed

Если не указать второй параметр, все элементы от заданного параметра Index и до конца будут удалены:

only index 0 and 1 are still there

В качестве еще одно примера, я указал 1 в качестве второго параметра: таким образом, каждый раз при повторе метода splice ( ) будет удалять по одному элементу, начиная со второго:

array.splice(2, 1);

Массив до метода splice ( )

Splice ( ) применен один раз:

Элемент 3 удален: следовательно, теперь элемент “hello world” имеет порядковый номер 2

Splice ( ) применен два раза:

На этот раз, был удален элемент “hello world”, потому что его порядковый номер 2

Так можно продолжать до тех пор, пока не останется элементов с порядковым номером 2.

# What is Splitting?

Splitting is a JavaScript microlibrary with a collection of small designed to split (section off) an element in a variety of ways, such as , , , and !

The Splitting library does not handle any animation, but it gives you the elements and tools needed to create animations & transitions with JavaScript animation libraries or only CSS!. Most plugins utilize a series of s populated with CSS variables and data attributes that empower you to build all kinds of animations, transitions and interactions.

The general flow is:

1. is called on a (see: )
2. Create s to inject into , or query children of
3. Index with CSS variables ( )
4. Add the total to the target ( )
5. Return an array of the splits (see: )
6. Animate those elements with CSS or JavaScript!

Поиск в массиве

Далее рассмотрим методы, которые помогут найти что-нибудь в массиве.

Методы arr.indexOf, arr.lastIndexOf и arr.includes имеют одинаковый синтаксис и делают по сути то же самое, что и их строковые аналоги, но работают с элементами вместо символов:

• ищет , начиная с индекса , и возвращает индекс, на котором был найден искомый элемент, в противном случае .
• – то же самое, но ищет справа налево.
• – ищет , начиная с индекса , и возвращает , если поиск успешен.

Например:

Обратите внимание, что методы используют строгое сравнение. Таким образом, если мы ищем , он находит именно , а не ноль

Если мы хотим проверить наличие элемента, и нет необходимости знать его точный индекс, тогда предпочтительным является .

Кроме того, очень незначительным отличием является то, что он правильно обрабатывает в отличие от :

Представьте, что у нас есть массив объектов. Как нам найти объект с определённым условием?

Здесь пригодится метод arr.find.

Его синтаксис таков:

Функция вызывается по очереди для каждого элемента массива:

• – очередной элемент.
• – его индекс.
• – сам массив.

Если функция возвращает , поиск прерывается и возвращается . Если ничего не найдено, возвращается .

Например, у нас есть массив пользователей, каждый из которых имеет поля и . Попробуем найти того, кто с :

В реальной жизни массивы объектов – обычное дело, поэтому метод крайне полезен.

Обратите внимание, что в данном примере мы передаём функцию , с одним аргументом. Это типично, дополнительные аргументы этой функции используются редко

Метод arr.findIndex – по сути, то же самое, но возвращает индекс, на котором был найден элемент, а не сам элемент, и , если ничего не найдено.

Метод ищет один (первый попавшийся) элемент, на котором функция-колбэк вернёт .

На тот случай, если найденных элементов может быть много, предусмотрен метод arr.filter(fn).

Синтаксис этого метода схож с , но возвращает массив из всех подходящих элементов:

Например:

String Primitives and String Objects

First, we will clarify the two types of strings. JavaScript differentiates between the string primitive, an immutable datatype, and the object.

In order to test the difference between the two, we will initialize a string primitive and a string object.

We can use the operator to determine the type of a value. In the first example, we simply assigned a string to a variable.

In the second example, we used to create a string object and assign it to a variable.

Most of the time you will be creating string primitives. JavaScript is able to access and utilize the built-in properties and methods of the object wrapper without actually changing the string primitive you’ve created into an object.

While this concept is a bit challenging at first, you should be aware of the distinction between primitive and object. Essentially, there are methods and properties available to all strings, and in the background JavaScript will perform a conversion to object and back to primitive every time a method or property is called.

Внутреннее устройство массива

Массив – это особый подвид объектов. Квадратные скобки, используемые для того, чтобы получить доступ к свойству – это по сути обычный синтаксис доступа по ключу, как , где в роли у нас , а в качестве ключа – числовой индекс.

Массивы расширяют объекты, так как предусматривают специальные методы для работы с упорядоченными коллекциями данных, а также свойство . Но в основе всё равно лежит объект.

Следует помнить, что в JavaScript существует 8 основных типов данных. Массив является объектом и, следовательно, ведёт себя как объект.

…Но то, что действительно делает массивы особенными – это их внутреннее представление. Движок JavaScript старается хранить элементы массива в непрерывной области памяти, один за другим, так, как это показано на иллюстрациях к этой главе. Существуют и другие способы оптимизации, благодаря которым массивы работают очень быстро.

Но все они утратят эффективность, если мы перестанем работать с массивом как с «упорядоченной коллекцией данных» и начнём использовать его как обычный объект.

Например, технически мы можем сделать следующее:

Это возможно, потому что в основе массива лежит объект. Мы можем присвоить ему любые свойства.

Но движок поймёт, что мы работаем с массивом, как с обычным объектом. Способы оптимизации, используемые для массивов, в этом случае не подходят, поэтому они будут отключены и никакой выгоды не принесут.

Варианты неправильного применения массива:

• Добавление нечислового свойства, например: .
• Создание «дыр», например: добавление , затем (между ними ничего нет).
• Заполнение массива в обратном порядке, например: , и т.д.

Массив следует считать особой структурой, позволяющей работать с упорядоченными данными. Для этого массивы предоставляют специальные методы. Массивы тщательно настроены в движках JavaScript для работы с однотипными упорядоченными данными, поэтому, пожалуйста, используйте их именно в таких случаях. Если вам нужны произвольные ключи, вполне возможно, лучше подойдёт обычный объект .

sort

Данный метод
сортирует массив по тому критерию, который указывается в ее необязательной callback-функции:

ar.sort(function(a, b) {
if (a > b) return 1; // если первое значение больше второго
if (a == b) return 0; // если равны
if (a < b) return -1; // если первое значение меньше второго
})

Сортировка
выполняется непосредственно внутри массива ar, но функция
также и возвращает отсортированный массив, правда это возвращаемое значение,
обычно игнорируется. Например:

let dig = 4, 25, 2;
 
dig.sort();
console.log( dig );

И получим
неожиданный результат: 2, 25, 4. Дело в том, что по умолчанию метод sort рассматривает
значения элементов массива как строки и сортирует их в лексикографическом
порядке. В результате, строка «2» < «4» и «25» < «4», отсюда и результат.
Для указания другого критерия сортировки, мы должны записать свою callback-функцию:

dig.sort(function(a, b) {
    if(a > b) return 1;
    else if(a < b) return -1;
    else return ;
});

Теперь
сортировка с числами проходит так как нам нужно. Кстати, чтобы изменить
направление сортировки (с возрастания на убывание), достаточно поменять знаки
больше и меньше на противоположные. И второй момент: callback-функция не
обязательно должна возвращать именно 1 и -1, можно вернуть любое положительное,
если a>b и отрицательное
при a<b. В частности,
это позволяет переписать приведенный выше пример вот в такой краткой форме:

dig.sort( (a, b) => a-b );

По аналогии
можно формировать и более сложные алгоритмы сортировки самых разных типов данных:
строк, чисел, объектов, булевых переменных и так далее.

Объявление

Существует два варианта синтаксиса для создания пустого массива:

Практически всегда используется второй вариант синтаксиса. В скобках мы можем указать начальные значения элементов:

Элементы массива нумеруются, начиная с нуля.

Мы можем получить элемент, указав его номер в квадратных скобках:

Мы можем заменить элемент:

…Или добавить новый к существующему массиву:

Общее число элементов массива содержится в его свойстве :

Вывести массив целиком можно при помощи .

В массиве могут храниться элементы любого типа.

Например:

Висячая запятая

Список элементов массива, как и список свойств объекта, может оканчиваться запятой:

«Висячая запятая» упрощает процесс добавления/удаления элементов, так как все строки становятся идентичными.

Метод slice ()

slice () извлекает часть строки и возвращает извлеченную часть в новой строке.

Метод принимает 2 параметра: начальный индекс (положение) и Конечный индекс (позиция).

Этот пример нарезает часть строки из позиции 7 в положение 13:

var str = «Apple, Banana, Kiwi»;
var res = str.slice(7, 13);

The result of res will be:

Banana

Если параметр имеет отрицательное значение, позиция учитывается от конца строки.

Этот пример нарезает часть строки из позиции-12 в положение-6:

var str = «Apple, Banana, Kiwi»;
var res = str.slice(-12, -6);

The result of res will be:

Banana

Если опустить второй параметр, метод выполнит срез оставшейся части строки:

var res = str.slice(7);

или, считая с конца:

Что с олеофобным покрытием делают защитные стёкла

Why you should develop your JavaScript Skills

Mobile app users downloaded an estimated 82 billion apps in 2013 and the number of downloads are expected to increase to over two hundred billion by the year 2017. This increase in demand for mobile apps means that there will be a drastic increase in demand for developers to develop these apps. A career as an app developer could be a career which offers huge opportunities for success in the future.

One of the new ways of building crossplatform mobile apps includes HTML5, CSS and JavaScript. A career as a JavaScript developer can be both financially rewarding and challenging.

To get a head start in programming with HTML, CSS and JavaScript, why not sign up for the HTML5 APIs For JavaScript – A Course For Web Developers course from Udemy?

Перебор элементов

Одним из самых старых способов перебора элементов массива является цикл for по цифровым индексам:

Но для массивов возможен и другой вариант цикла, :

Цикл не предоставляет доступа к номеру текущего элемента, только к его значению, но в большинстве случаев этого достаточно. А также это короче.

Технически, так как массив является объектом, можно использовать и вариант :

Но на самом деле это – плохая идея. Существуют скрытые недостатки этого способа:

1. Цикл выполняет перебор всех свойств объекта, а не только цифровых.

   В браузере и других программных средах также существуют так называемые «псевдомассивы» – объекты, которые выглядят, как массив. То есть, у них есть свойство и индексы, но они также могут иметь дополнительные нечисловые свойства и методы, которые нам обычно не нужны. Тем не менее, цикл выведет и их. Поэтому, если нам приходится иметь дело с объектами, похожими на массив, такие «лишние» свойства могут стать проблемой.

2. Цикл оптимизирован под произвольные объекты, не массивы, и поэтому в 10-100 раз медленнее. Увеличение скорости выполнения может иметь значение только при возникновении узких мест. Но мы всё же должны представлять разницу.

В общем, не следует использовать цикл для массивов.

The split method syntax

In order to use an object’s method, you need to know and understand the method syntax. The split method syntax can be expressed as follows:

string.split( separator, limit)

The separator criterion tells the program how to split the string. It determines on what basis the string will be split. The separator character can be any regular character.

The limit character tells the program how many elements to create when the string is split. Portions of the string that remain after the split will not be included in the resulting array. The Separator criterion and the limit criterion are both optional parameters.

// This will split a string but since no parameters have been specified
// it will create an array with one element that contains the whole string
string.split()
//This will split a string based on any commas found in the string
string.split(“,”)
//This will split a string based on any whitespaces within the string
string.split(“ “)

Let us take a look at how we can use the split method is some real JavaScript code.

How to use it:

1. Insert the JavaScript file after jQuery library and we’re ready to go.

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" 
        integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" 
        crossorigin="anonymous">
</script>
<script src="split.js"></script>

2. The necessary CSS styles.

.arrow {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
  cursor: ns-resize;
  background-color: red;
}

.hj-transverse-split-div {
  position: relative;
  float: left;
  height: 100%;
  padding: 0px;
  background: gray;
  overflow: hidden;
}

.hj-wrap .hj-transverse-split-label {
  position: absolute;
  right: 0;
  top: 0;
  float: left;
  width: 2px;
  height: 100%;
  display: block;
  cursor: ew-resize;
  background-color: #fff;
  z-index: 9;
}

.hj-vertical-split-div {
  position: relative;
  border: 0px solid red;
  width: 99.9%;
  margin: 0 auto;
  background-color: gray;
}

.hj-vertical-split-label {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  display: block;
  cursor: ns-resize;
  background-color: #fff;
  z-index: 9;
}

3. Create a vertical split layout.

<div class='hj-wrap verticals'>
  <div class="hj-vertical-split-div">Top
    <label class="hj-vertical-split-label"></label>
  </div>
  <div class="hj-vertical-split-div">Middle
    <label class="hj-vertical-split-label"></label>
  </div>
  <div class="hj-vertical-split-div">Bottom</div>
  <div class="arrow"></div>
</div>

4. Create a horizontal split layout.

<div class='hj-wrap'>
  <div class="hj-transverse-split-div">Column 1
    <label class="hj-transverse-split-label"></label>
  </div>
  <div class="hj-transverse-split-div">Column 2
    <label class="hj-transverse-split-label"></label>
  </div>
  <div class="hj-transverse-split-div">Column 3
    <label class="hj-transverse-split-label"></label>
  </div>
  <div class="hj-transverse-split-div">Column 4
    <label class="hj-transverse-split-label"></label>
  </div>
  <div class="hj-transverse-split-div">Column 5
  </div>
  <div class="arrow"></div>
</div>

5. Create a complex split layout containing horizontal panes and vertical panes.

<div class='hj-wrap'>
  <div class="hj-transverse-split-div">Column
    <label class="hj-transverse-split-label"></label>
  </div>
  <div class="hj-transverse-split-div verticals">
    <div class="hj-vertical-split-div">Row
      <label class="hj-vertical-split-label"></label>
    </div>
    <div class="hj-vertical-split-div">Row 2
      <label class="hj-vertical-split-label"></label>
    </div>
    <div class="hj-vertical-split-div">Row 3</div>
  </div>
  <div class="arrow"></div>
</div>

• Prev: Get/Set/Keep The Ratio Aspect Of An Element — jQuery KeepRatio
• Next: Equal Height Layout With Support For Nested Elements — equalize.js

Accessing Characters

We’re going to demonstrate how to access characters and indices with the string.

Using square bracket notation, we can access any character in the string.

We can also use the method to return the character using the index number as a parameter.

Alternatively, we can use to return the index number by the first instance of a character.

Although “o” appears twice in the string, will get the first instance.

is used to find the last instance.

For both of these methods, you can also search for multiple characters in the string. It will return the index number of the first character in the instance.

The method, on the other hand, returns the characters between two index numbers. The first parameter will be the starting index number, and the second parameter will be the index number where it should end.

Note that is , but is not part of the returned output. will return what is between, but not including, the last parameter.

If a second parameter is not included, will return everything from the parameter to the end of the string.

To summarize, and will help return string values based on index numbers, and and will do the opposite, returning index numbers based on the provided string characters.

The limit criteria

The second criteria that can be used in the split function can be used to set a limit to the number array elements that are stored when the string is split.

<html>
<body>
<script type="text/javascript">
// Create a variable that contains a string
var myString = "Mr. Jack Adams";
// Create a variable to contain the array
var mySplitResult;
// Use the string.split function to split the string
// using empty quotation marks as a criteria for splitting the string
mySplitResult = myString.split("", 6);
for(i = 0; i < mySplitResult.length; i++)
           {
  document.write("<br /> Element " + i + " of the array is: " +  |
      mySplitResult);
           }
</script>
</body>
</html>

The output of the above split function limited to six array elements can be seen below:

Element 0 of the array is: M
Element 1 of the array is: r
Element 2 of the array is: .
Element 3 of the array is:
Element 4 of the array is: J
Element 5 of the array is: a

As you can see from the above code examples. manipulating strings and splitting strings into various array elements is fairly simple using JavaScript.

As an object oriented language, JavaScript offers programmers the flexibility of working with objects, and yet JavaScript offers programmers the opportunity of working with a dynamic programming language that offers support for both functional and imperative programming styles.

JavaScript also allows for the creation of scripts for use by a large number of applications. JavaScript applications can be used in web pages, they can be embedded in PDF files and they can be used in Google widgets and applications like Google Docs. JavaScript can even be used to create stand alone applications using applications like Adobe Integrated Runtime which programmers use to build desktop applications using JavaScript.

Добавление элементов

Чтобы добавить элементы с помощью splice ( ), необходимо ввести их в качестве третьего, четвертого и пятого элемента (в зависимости от того, сколько элементов нужно добавить):

array.splice(index, number of elements, element, element);

В качестве примера, добавим элементы a и b в самое начало массива:

array.splice(0, 0, 'a', 'b');

Элементы a и b добавлены в начало массива

Split ( )

Методы Slice( ) и splice( ) используются для массивов. Метод split( ) используется для строк. Он разделяет строку на подстроки и возвращает их в виде массива. У этого метода 2 параметра, и оба из них не обязательно указывать.

string.split(separator, limit);

• Separator: определяет, как строка будет поделена на подстроки: запятой, знаком и т.д.
• Limit: ограничивает количество подстрок заданным числом

Метод split( ) не работает напрямую с массивами. Тем не менее, сначала можно преобразовать элементы массива в строки и уже после применить метод split( ).

Давайте посмотрим, как это работает.

Сначала преобразуем массив в строку с помощью метода toString( ):

let myString = array.toString();

Затем разделим строку myString запятыми и ограничим количество подстрок до трех. Затем преобразуем строки в массив:

let newArray = myString.split(",", 3);

В виде массива вернулись первые 3 элемента

Таким образом, элементы массива myString разделены запятыми. Мы поставили ограничение в 3 подстроки, поэтому в качестве массива вернулись первые 3 элемента.

Все символы разделены на подстроки

Javascript string split()

Javascript string split() is an inbuilt function that splits the String object into an array of strings by separating a string into substrings, using a specified separator string to determine where to make each split. The string split() function is used to split the given string into an array of strings by separating it into substrings using a specified separator provided in the argument. 

If an empty string (”) is used as the separator, the string is split between each character. The string split() method does not change an original string.

The syntax for the split() method is the following.

string.split(separator, limit)

Parameters

The separator is an optional parameter. The separator specifies a character, or a regular expression, to use for splitting a string. If omitted, then the entire string will be returned.

The limit is an optional parameter. It is an integer that specifies the number of splits, items after the split limit will not be included in the array.

Let us take a simple example of a string split in javascript.

// app.js

let str = 'Obama was US president';
let result  = str.split('was');
console.log(result);

So, in the above example, we have split the string from a was the separator. So the output looks like this.

When found, the separator is removed from the string, and the substrings are returned in an array. If the separator is not found or is omitted, the array contains one element consisting of the entire string. If the separator is an empty string, a string is converted to an array of characters.

If the separator appears at the beginning or end of a string, or both, then the array begins, ends, or both begins and ends, respectively, with the empty string. Thus, if a string consists solely of one instance of the separator, the array consists of two empty strings. If the separator is an array, then Array is coerced to String and used as a separator.

JavaScript arrays

The JavaScript array is an object that allows you to store multiple values within a single array object. Arrays can contain more than one variable or value at a time. The size of the array is unlimited and new items can be added to an array or removed from the array. Arrays can contain a number of strings, a number of methods or even a number of arrays. Arrays that contain other arrays are called multidimensional arrays.

Arrays in JavaScript are created as follows:

var myArray1 = Array;
var myArray2 = Array,,];

Elements within the array are separated by commas and each element in the array can be accessed by the element index that refers to that element.  The index always starts at zero. So for example, to access the first element of myArray1, you need to access myArray1.

For a course on JavaScript arrays, strings, and other objects, why not sign up for a course in JavaScript for beginners and learn how to use the various objects that make up the JavaScript object oriented programming language. The course will teach you how to store variables and how to access those stored variables using JavaScript.

Array.isArray

Массивы не
образуют отдельный тип языка. Они основаны на объектах. Поэтому typeof не может
отличить простой объект от массива:

console.log(typeof {}); // object
console.log (typeof ); // тоже object

Но массивы
используются настолько часто, что для этого придумали специальный метод: Array.isArray(value). Он возвращает
true, если value массив, и false, если нет.

console.log(Array.isArray({})); // false
console.log(Array.isArray()); // true

Подведем итоги
по рассмотренным методам массивов. У нас получился следующий список:

Видео по теме

JavaScipt #1: что это такое, с чего начать, как внедрять и запускать

JavaScipt #2: способы объявления переменных и констант в стандарте ES6+

JavaScript #3: примитивные типы number, string, Infinity, NaN, boolean, null, undefined, Symbol

JavaScript #4: приведение типов, оператор присваивания, функции alert, prompt, confirm

JavaScript #5: арифметические операции: +, -, *, /, **, %, ++, —

JavaScript #6: условные операторы if и switch, сравнение строк, строгое сравнение

JavaScript #7: операторы циклов for, while, do while, операторы break и continue

JavaScript #8: объявление функций по Function Declaration, аргументы по умолчанию

JavaScript #9: функции по Function Expression, анонимные функции, callback-функции

JavaScript #10: анонимные и стрелочные функции, функциональное выражение

JavaScript #11: объекты, цикл for in

JavaScript #12: методы объектов, ключевое слово this

JavaScript #13: клонирование объектов, функции конструкторы

JavaScript #14: массивы (array), методы push, pop, shift, unshift, многомерные массивы

JavaScript #15: методы массивов: splice, slice, indexOf, find, filter, forEach, sort, split, join

JavaScript #16: числовые методы toString, floor, ceil, round, random, parseInt и другие

JavaScript #17: методы строк — length, toLowerCase, indexOf, includes, startsWith, slice, substring

JavaScript #18: коллекции Map и Set

JavaScript #19: деструктурирующее присваивание

JavaScript #20: рекурсивные функции, остаточные аргументы, оператор расширения

JavaScript #21: замыкания, лексическое окружение, вложенные функции

JavaScript #22: свойства name, length и методы call, apply, bind функций

JavaScript #23: создание функций (new Function), функции setTimeout, setInterval и clearInterval

Split string in two on a given index

If you have a string that needs to split on the given index and then return both parts, separated by a comma. See the following code example.

// app.js

const splitData = (value, index) => {
  return value.substring(0, index) + "," + value.substring(index);
}

console.log(splitData('110470116021', 6));

Now, see the following output.

➜  es git:(master) ✗ node app
110470,116021
➜  es git:(master) ✗

In the above function, we have passed the two parameters the value and index.

We have used the Javascript substring() function and using that function, we have divided the two strings at the given index and then concat those strings and return the string.