Как изменить параметры javascript

Как заменить значение в объекте js

Для замены значения в объекте, нужно присвоить новое значение, обратившись к ключу объекта, например:

const user =  name: 'Ivan', age: 39, >; user.age = 27; console.log(user); // => 

К ключу объекта также можно обращаться динамически:

const user =  name: 'Ivan', age: 39, >; const key = 'age'; user[key] = 27; console.log(user); // => 

Пример замены с Object.defineProperty() .

Этот метод позволяет определить новое или изменить существующее свойство объекта, используя дескриптор свойства.

const obj =  name: 'John', age: 30, >; Object.defineProperty(obj, 'age',  value: 35, >); console.log(obj.age); // 35 

В этом примере мы создали объект obj с двумя свойствами: name и age . Затем мы использовали метод Object.defineProperty() для изменения значения свойства age на 35 .

Дескриптор свойства передается вторым аргументом метода Object.defineProperty() . В данном случае мы использовали дескриптор со свойством value , которое устанавливает новое значение свойства.

Также можно использовать другие свойства дескриптора, такие как writable , enumerable и configurable , чтобы определить дополнительные характеристики свойства.

const obj =  name: 'John', age: 30, >; Object.defineProperty(obj, 'age',  value: 35, writable: false, // запрещаем изменение значения свойства >); obj.age = 40; // не сработает console.log(obj.age); // 35 

В этом примере мы использовали свойство writable дескриптора, чтобы запретить изменение значения свойства age . Попытка изменить значение свойства age на 40 не сработает, и значение свойства останется равным 35 .

Таким образом, метод Object.defineProperty() позволяет определять или изменять свойства объекта, включая их значения и дополнительные характеристики.

Источник

Манипулирование URL’ами в JavaScript

Из года в год, сталкиваюсь с одной и той же проблемой. Как добавить, изменить или удалить параметр к некоторому адресу в строковом виде. Быстро и грязно это можно делать с помощью, например, регулярных выражений или найти каке-то готовое решение. Зачастую также может потребоваться, к примеру, подменить путь в адресе или изменить протокол с HTTP на HTTPS и т.д.

В целом, это хочется делать просто и понятно. При этом хочется разумного компромиса. Я встречал некоторые библиотеки, которые дают мощный функционал, но при этом по объему — десятки килобайт JavaScript кода. Несколько десятков килобайт, чтобы, например, подменить параметр в QueryString? Эх…

В общем, написал свое решение, которое нашел удобным, в первую очередь, для себя. При решении также позаимствовал накопленный опыт товарища Jan Wolter по поводу парсинга QueryString в JavaScript (осторожно — английский). Это хоть несколько и увеличило объем кода, зато способно избавить от некоторых проблем.

Итак, мое решение можно забирать отсюда — github.com/Mikhus/jsurl. Лицензия — MIT, так что делайте все, что захотите. Минифицированный и пожатый gzip’ом код получился менее килобайта, что должно быть приемлимым. Зависимостей от каких-либо других библиотек не наблюдается. API — простой: сначала превращаем строку с адресом в объект Url и далее обращаемся с ним в зависимости от ситуации — либо как со строкой, либо как с объектом. Например, так:

var u = new Url('http://user:pass@example.com:8080/some/path?foo=bar#anchor'); // На заметку: если в конструктор не передавать параметр - будет использован текущий адрес документа // глянем, что у нас есть: alert( 'Исходный URL: ' + u); // теперь поменяем что-нибудь: u.hash = 'new-anchor'; // заменим в исходном адресе анкор на новый u.protocol = 'https'; // изменим протокол u.pass = ''; // уберем пароль u.query.foo = 'baz'; // изменим значение параметра foo в QueryString u.query.bar = [1,2,3]; // добавим новые параметры bar в QueryString со значениями 1, 2 и 3, т.е. bar=1&bar=2&bar=3 // посмотрим, что получилось: alert( 'Измененный URL: ' + u); 

Любые замечания, доработки, найденные баги, форки и другие кошерные вещи — приветствуются и благодарятся.

Источник

Параметры функций JavaScript

Ранее в этом учебнике вы узнали, что у функций могут быть параметры:

function имяФункции(параметр1, параметр2, параметр3) выполняемый код
>

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

При этом функции JavaScript не выполняют никакой проверки значений параметров (аргументов).

Правила параметров

• Определение функции JavaScript не задает тип данных для параметров.
• Функции JavaScript не проводят проверку типов переданных аргументов.
• Функции JavaScript не проверяют количество полученных аргументов.

Параметры по умолчанию

Если функция вызывается с пропущенными аргументами (меньшим количеством параметров, чем декларировано в определении), то не заданные параметры устанавливаются в значение undefined.

Иногда это приемлемо, но иногда лучше присваивать параметру значение по умолчанию:

В ECMAScript 2015 допускает использование параметров по умолчанию в заголовке функции:

Если функция вызывается с лишними аргументами (большим количеством параметров, чем декларировано в определении), то доступ к этим аргументам можно получить через специальный объект arguments.

Объект Arguments

У всех функций JavaScript есть встроенный объект arguments, который называется объект аргументов.

Объект аргументов содержит массив всех аргументов, переданных в функцию при ее вызове.

Благодаря этому объекту, можно легко, например, найти максимальное значение в переданном в функцию списке чисел:

 x = findMax(1, 123, 500, 115, 44, 88); function findMax() < var i; var max = -Infinity; for (i = 0; i < arguments.length; i++) < if (arguments[i] >max) < max = arguments[i]; >> return max; > 

Или создать функцию для суммирования всех переданных значений:

 x = sumAll(1, 123, 500, 115, 44, 88); function sumAll() < var i; var sum = 0; for (i = 0; i < arguments.length; i++) < sum += arguments[i]; >return sum; > 

Аргументы передаются по значению

Параметры в вызове функции — это аргументы функции.

Аргументы передаются по значению. Т.е. функция знает только значение аргумента, но не его расположение.

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

Изменение аргумента не заметно (не отражается) за пределами функции.

Объекты передаются по ссылке

В JavaScript ссылки на объект являются значениями.

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

Изменение свойства объекта заметно (отражается) за пределами функции.

Источник