Как вставить значение переменной в коде JavaScript?

В первых двух строках кода определяются значения переменных center и zoom. Как правильно использовать эти значения в соответствующих строках кода ниже?
  • 17 октября 2024 г. 9:02
Ответы на вопрос 3
В JavaScript вы можете вставлять значения переменных в код, используя шаблонные строки, конкатенацию строк или просто вставляя переменные в нужные места в коде. Вот несколько способов, как это можно сделать:

### 1. Шаблонные строки (Template Literals)

Шаблонные строки позволяют вставлять значения переменных прямо в строку с помощью синтаксиса `${variable}`. Шаблонные строки обрамляются обратными кавычками (`` ` ``).

```javascript
let center = { lat: 40.7128, lng: -74.0060 }; // Пример координат
let zoom = 10;

let mapConfig = `Center: ${center.lat}, ${center.lng}, Zoom: ${zoom}`;
console.log(mapConfig);
```

### 2. Конкатенация строк

Можно комбинировать строки и переменные с помощью оператора `+`.

```javascript
let center = { lat: 40.7128, lng: -74.0060 }; // Пример координат
let zoom = 10;

let mapConfig = "Center: " + center.lat + ", " + center.lng + ", Zoom: " + zoom;
console.log(mapConfig);
```

### 3. Прямое использование переменных

Если переменные используются внутри вызовов функций или объектов, вы можете просто вставить их в соответствующие места.

```javascript
let center = { lat: 40.7128, lng: -74.0060 }; // Пример координат
let zoom = 10;

// Пример использования переменных в объекте
let mapOptions = {
    center: center,
    zoom: zoom
};

console.log(mapOptions);
```

### Пример использования переменных в коде карты

Если вы работаете, например, с Google Maps API, вы можете использовать переменные так:

```javascript
let center = { lat: 40.7128, lng: -74.0060 }; // Нью-Йорк
let zoom = 10;

let map = new google.maps.Map(document.getElementById("map"), {
    center: center,
    zoom: zoom
});
```

Таким образом, вы можете использовать любое из этих решений в зависимости от вашего сценария.
Попробуйте так 
const centerString = '56.964949, 60.623745';

// строку разбиваем в массив чисел
const center = centerString.split(', ').map(Number);
const zoom = 12;

const params = {
  center,
  zoom,
};

const init = () => {
  const myMap = new ymaps.Map("map", params);
}

ymaps.ready(init);
RTFM: 
https://yandex.ru/dev/jsapi-v1-1/doc/ru/examples/
https://yandex.ru/dev/jsapi30/doc/ru/dg/concepts/map
Или исправить исходные данные:
var center = [56.964949, 60.623745]
...
    center: center,
    zoom: zoom

Или распарсить их:
var center = '56.964949, 60.623745'
...
    center: center.split(', ').map(parseFloat),
    zoom: zoom
Похожие вопросы