module2/module2/script.js

// 1. Напишите функцию, которая возвращает массив, 
// очищенный от пустых значений, не меняя исходный

var arr = [0, '0', '', null, {}, [], [1, 2, 3]],
	arr2 = [];

function clean(arr) {

	for(var i = 0; i < arr.length; i++) {

		if (arr[i] !== "") {

			if (Array.isArray(arr[i])) {
				if (arr[i].length !== 0) {
					arr2.push(arr[i]);
				}
				
			} else if (arr[i] in arr || arr[i] == null) {
				arr2.push(arr[i]);
			}
		}
	}

	return arr2;
};

clean(arr);

// 2. Напишите функцию-аналог splice, 
// не используя никакие методы массива.

var arr1 = ['Привет', 'как', 'дела?'],
	arr2 = [];

function newSplice(arr, index, deleteCount, ...elements) {

	for(var i = 0; i < arr.length; i++) {          // Удаление deleteCount элементов с позиции index

		if (arr.indexOf(arr[i]) < index || arr.indexOf(arr[i]) > index + deleteCount - 1) {

			arr2[arr2.length] = arr[i];
		}
	};

	if (elements.length !== 0) {                 // Добавление элементов elements если они были заданы

		for(var i = 0; i < elements.length; i++) {

			arr2[i+index] = elements[i];
		}
	}
	
	return arr2;
};

newSplice(arr1, 1, 1, "все", "ок.", "Как", "сам?");

// 3. Напишите функцию, которая возвращает сумму всех чисел, 
// переданных в качестве аргументов, число которых не ограничено. 
// Функция работает только с числами (включая строковые). 
// Если какой-то из параметров - массив, то к сумме добавляется 
// также сумма значений этого массива (если какое-либо из значений 
// этого массива также является массивом, то к результату 
// добавляется также и сумма его значений, и так далее).



function sum() {

    var arr = [].slice.apply(arguments);

    function sumRecursion(arr) {

        return arr.reduce(function (sum, elem) {
         
            if ( isNumber(elem) ) {

            	sum += +elem;

            } else 

            if ( Array.isArray(elem) ) {

            	sum += sumRecursion(elem);

            }

            return sum;

        }, 0); 

    }
    return sumRecursion(arr);
}

function isNumber(val) {

    return !isNaN(parseFloat(val)) && isFinite(val);
}

var sum = sum(1, '1', 'one', [2, '2', 'two']);
console.log( sum );





// 4. Напишите функцию, которая рисует в указанном HTML-контейнере 
// диаграмму из данных, представляющих из себя массив объектов: 
// каждый объект имеет свойства color и value, означающих соответственно 
// цвет столбца и его высоту.



function buildDiagram(arr, id) {

	var canvas = document.getElementById(id),
		ctx = canvas.getContext("2d"),
		h = canvas.clientHeight,
		w = 40;

	for(var i = 0; i < arr.length; i++) {

		ctx.fillStyle = arr[i].color;
		ctx.fillRect(i*w, h - arr[i].value, w, arr[i].value);
	}
	
};


var data1 = [ {color: '#DE9797', value: 70}, {color: 'red', value: 40}, {color: 'blue', value: 90}, {color: 'yellow', value: 10}, {color: 'green', value: 57}, {color: 'orange', value: 85},];
buildDiagram(data1, 'diagram1');

var data2 = [ {color: '#DE9797', value: 70}, {color: 'red', value: 40}, {color: 'blue', value: 90}, {color: 'yellow', value: 10}, {color: 'green', value: 57}, {color: 'orange', value: 85},];
buildDiagram(data2, 'diagram2');






// 5. Напишите функцию, которая изображает в теге HTML картинку 
// по данным, представляющим из себя двумерный массив 
// закрашенных точек.

$(document).ready(function() {
	$("td").css({
		"width": "10px",
		"height": "10px",
		"border": "1px solid #555"
	});

	$("table").css({         
		"border-spacing": "0px"
	});

	var points = [
		[3, 4, 5],
		[2, 3, 9, 16],
		[1, 2, 9, 10, 15, 16],
		[1, 2, 5, 6, 9, 10, 11, 12, 13, 14, 15, 16],
		[1, 2, 4, 5, 6, 7, 9, 12, 13, 16],
		[1, 2, 3, 4, 5, 6, 7, 8, 9, 12, 13, 16],
		[2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 14, 15, 16],
		[2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14, 15],
		[2, 3, 4, 7, 8, 12, 13],
		[2, 3, 7, 8],
		[2, 3, 4, 5, 7, 8, 9],
		[2, 3, 4, 5, 7, 8, 9],
	];

	function draw(arr) {

		for(var i = 0; i < arr.length; i++) {
		
			arr[i].forEach(function(item) {
				
				$("tr:nth-child("+ +(i+1)+") > td:nth-child("+item+")").css({
					"background": "black"
				});
				
			});		
		}
	};

	draw(points);
});