ys

ys

// На входе массив
var arr = [
 {name: 'width', value: 10},
 {name: 'height', value: 20}
];
// На выходе объект {width: 10, height: 20}
 
const obj = arr.reduce((acc, {name, value}) => acc[name] = value,{})
 
 
------------------
 
// Что будет в консоли?
var i = 10;
var array = [];
 
while (i--) {
    array.push(function() {
        return i + i;
    });
}
 
console.log([
    array[0](),
    array[1](),
])
 
// [10, 9] || [10,10]
 
// [-2, -2]
//  i-- ; --i
 
 
------------------------
 
 
 
var b = {};
var c;
 
b.b = 1;
c = b;
c.b = 2;
 
console.log('1)', b.b); // 2
console.log('2)', c.b); // 2
 
var a = { counter: 1 };
function inc(obj) {
    obj.counter++;
    obj.changed = true;
}
 
inc(a);
console.log('3)', a);   // {count:2, changed: true}
 
var d = 'test';
d.d = 1;
console.log('4)', d.d); // error
 
 
Object.is(obj1,obj2)
 
const strObj1 = JSON.stringify(obj1)
const strObj2 = JSON.stringify(obj2)
 
a.name === b.name
 
let a = {id: 1, value: 'text'};
let b = {id: 2, value: 'text'};
 
-----------------------------------
/**
 * Есть функция и объект. Необходимо, чтобы функция в консоли вывела значение 'yandex'.
 * Как добиться желаемого не изменяя тело функции?
 */
function f() { console.log(this.x); }
var obj = {x: 'yandex'};
 
f.bind(f,obj)
f.call
f.apply
 
--------------------------
 
/**
 * Дана строка, состоящая из букв A-Z:
 * "AAAABBBCCXYZDDDDEEEFFFAAAAAABBBBBBBBBBBBBBBBBBBBBBBBBBBB"
 * Нужно написать функцию RLE, которая на выходе даст строку вида:
 * "A4B3C2XYZD4E3F3A6B28"
 * И сгенерирует любую ошибку, если на вход пришла невалидная строка.
 *
 * Пояснение:
 * 1. если символ встречается 1 раз, он остается без изменений
 * 2. если символ повторяется более 1 раза, к нему добавляется количество повторений
 */
function rle(str) {
    if(str.length === 0 || !str.match(/^[A-Z]+$/)) {
        throw new Error(`${str} invalid`)
    }
   
    let curr = str[0]
    let count = 0
   
    return str.split("").reduce((acc,item, index, arr) => {
      if(curr === item) {
          count++
          if(index === arr.length - 1) {
              acc += curr + count
          }
      } else {
          acc += curr + (count === 1 ? "" : count)
          curr = item
          count = 1
      }
    }
    return acc
    , '')
}
 
 
----------------------------
 
 
 
<div style="float: left; border: 1px solid red;">
    <span style="position: relative; top: -1000px; left: -1000px; border: 1px solid green;">
        Inner text
    </span>
</div>
 
------------------------------
 
 
 
<div id="root" style="background: red;">
    root
    <span id="id1" style="background: lightblue;">id1</span>
    <div id="id2" style="background: green;">
        id2
        <div id="id3" style="background: yellow;">id3</div>
    </div>
</div>
 
let el = document.getElementById('root')
let arr = el.children()
 
function showID(e) {
    e.stopPropagination()
    return function(id) {
    console.log('id', id)
    }
}
 
arr.forEach(item => item.addEventListener('onclick', showID(item.id)))
 
e.currentTarget