Шпаргалка по JavaScript для всех бэкэндеров

Кавычки.

Use Strict

Обход массивов, объектов

// Работает во всех браузерах var arr = [1,2,3]; arr.forEach(function (value, key, array) { // тут код }); // новый вариант, не работает в IE и старых браузерах // также можно посимвольно пройтись по строке for (var value of arr) { // тут код } // если нужен ключ for (var [key, value] of arr) {} // обход объектов. Работает также и с массивами, но вы получите не только элементы массива но еще и функции)) var obj = {a: 1, b: 2}; for (var key in obj) { console.log(obj[key]); } // а вот и интересность: var extendedArr = [1, 2, 3]; extendedArr.print = function() { // какой-то код } for (var key in extendedArr) { console.log(extendedArr[key]); // выведет 1, 2, 3, function () }

Обращение к элементам массива, объекта

var arr = [1,2,3]; // с массивами ничего сложного: console.log( arr[2] ); // также можно и с объектами var obj = {a: 1, b: 2}; console.log( obj["a"] ); // но лучше так: console.log( obj.a ); // если вдруг нужно динамически: var keyA = "a"; console.log( obj[keyA] );

var - устарело

if (true) { var test = true; // используем var вместо let } alert(test); // true, переменная существует вне блока if if (true) { let test2 = true; // используем let } alert(test2); // Error: test2 is not defined

this непостоянен!

const obj = { name: "John" }; obj.printName = function () { console.log(this.name); }; obj.printName(); // тут все ок setTimeout(obj.printName, 1000); // хотим запустить эту функцию через секунду.

obj.printName(); // тут все ок

setTimeout(obj.printName.bind(obj), 1000); // например так

explode, implode, count()

const arr = [1, 2, 3]; const implodedArr = arr.join(','); const stringValues = "1,2,3"; const arrayValues = stringValues.split(",");

in_array, strpos, count and strlen

const arr = [1,2,3]; if (arr.indexOf(2) !== -1) { console.log("2 есть в массиве!"); } const str = "1,2,3"; // то же самое со строками if (str.indexOf("2") !== -1) { console.log("2 есть в строке!"); } console.log("Размер массива - " + arr.length); console.log("Длина строки - " + str.length);

str_replace, preg_replace

const str = 'Яблоки круглые и сочные.'; // первым параметром можно смело передавать регулярку. const newstr = str.replace('Яблоки', 'Апельсины'); console.log(newstr); // Апельсины круглые и сочные.

Конкатенация

const stringNumber = '1'; const justANumber = 1; console.log(stringNumber + justANumber); // выведет 11.

console.log('b' + 'a' + + 'a' + 'a'); // выведет baNaNa, потому что: // b + a = ba // + 'a' = эта запись читается как "положительное a", а так как "a" не число - оно превращается в NaN // ну и последнее "a" просто конкатенируется.

const str = 'Яблоки круглые и сочные.'; // первым параметром можно смело передавать регулярку. const newstr = str.replace('Яблоки', 'Апельсины'); console.log(newstr); // Апельсины круглые и сочные.

const myCustomVariable = 'Какая-то переменная для вставки в текст'; const someTextVariable = 'Текст ' + a + ' еще какой-то текст'; const otherTextVariable = `Текст ${myCustomVariable} еще какой-то текст`;

PHP.today

Самые свежие новости из мира PHP. Обновленные стандарты. Лучшие практики с примерами кода. Как…

t.me