Как разобрать location.hash таким образом, чтобы занести в массив (в виде пары ключ=значение) и выводить как-то так: alert(data.value1)?

Question

[Санан :з]

Привет уважаемые ) Итак, у меня есть это:

urlHash=location.hash.slice(1); 
alert(urlHash); // выводит param1=value1&param2=value2

Мне нужно это разобрать так, чтобы выводилось как то так:

alert(urlHash.param1); // нужно чтобы выводило value1, так же и с другими параметрами

Спасибо заранее большое.

Answer 1

[Евгений Петров]

Тут даже регулярок не нужно с их мощным exec

var params = location.hash.slice(1).split('&'),
	result = {};

for (var i = 0; i < params.length; i++) {
	var _result = params[i].split('=');

	result[_result[0]] = _result[1];
}

А зачем вы в hash типичные GET-параметры передаёте?

Update: обновил для фанатов JSLint:)

Comments

[Санан :з]

спасибо за ответ, но у меня не не выводится что-то, возможно я не так делаю, выдает в алерте undefined

[Санан :з]

что делать?

[Евгений Петров]

@sananbozkurt jsfiddle.net/petroveg/555sspm1

[Санан :з]

@Petroveg большое спасибо)))) безмерно благодарен)) отвечу на Ваш вопрос: я передавал в хеше параметры, потому, что на странице приложения имеются фото, при нажатии на которое всплывает окошко типа как на фейсбуке с увеличенной фоткой и полем комментов, только там меняется юрл, без перезагрузки страницы, а у меня же меняется хеш в юрл, для того, чтобы можно было кому нибудь кинуть ссылку с хешем, и сразу открылась определенная фотография) вот как то так)) еще раз спасибо))

[Евгений Петров]

@sananbozkurt да, я про !# уже понял потом, после того, как спросил.

[Санан :з]

@Petroveg, a что дает изменение в коде?))

[Евгений Петров]

@sananbozkurt ааа... Щас сами пожалеете, что спросили:)
Если какой-нибудь говнокодер залез в прототип Array своими грязными руками, то в процессе перебора свойств с помощью for in мы непременно нарвёмся на его добавку, которая вовсе не индекс и получим исключение.

Чтобы избежать этого для массивов используют перебор именно индексов с помощью for (они же есть номера, они же есть свойства с типом данных Number).
А уж если юзать for in, то в каждой итерации нужно проверять с помощью hasOwnProperty().

Вот вам код для понимания

Array.prototype.test = 13;

var params = ('param1=value1&param2=value2').split('&'),
	result1 = {},
	result2 = {},
	result3 = {};

for (var i = 0; i < params.length; i++) {
	var _result = params[i].split('=');
	result2[_result[0]] = _result[1];
}
console.log(result1);

for (var i in params) {
	if (params.hasOwnProperty(i)) {
		var _result = params[i].split('=');
		result1[_result[0]] = _result[1];
	}
}
console.log(result2);

for (var i in params) {
	var _result = params[i].split('=');
	result1[_result[0]] = _result[1];
}
console.log(result3);

Третий результат вы не увидите, потому что у числа 13 нет никакого split().

[Санан :з]

@Petroveg спасибо за разъяснение)) хорошего дня)

[Санан :з]

@Petroveg кстати, по поводу того, почему у меня выходило undefined: я неверно указал переменную, в хэше было слово image, а в выводе я почему то написал это слово с заглавной - Image)))