Jquery поиск в массиве по значению. Задача поиска элемента в массиве стоит перед всеми достаточно часто и хорошо бы расписать, как это можно сделать. Объектов javascript js id - Быстрый способ найти строку в массиве

Занимаясь поисковым продвижением, нужно не забывать анализировать позиции сайта по ключевым запросам. Это необходимо для того, чтобы оценить, как реагируют поисковики на внесенные изменения на сайте: растут или падают позиции, меняются ли релевантные страницы. Таким образом, можно будет сказать, есть ли эффект от проведенных работ или нет.

Проверка позиций сайта вручную

Возможен ручной анализ позиций сайта, если не лень вбивать каждую фразу в поисковую систему и заносить эти данные в таблицу.

Огромный минус такого способа проверки позиций сайта - это персонализация поиска. Поисковая выдача зависит от многих факторов, и для разных пользователей она может кардинально различаться. Поэтому в случае ручной проверки необходимо отключать персонализацию результатов поисковой выдачи. В Яндексе это можно сделать, зайдя в настройки и выбрав раздел «Результаты поиска». Там надо убрать галочки с пунктов «учитывать мою историю поиска в результатах» и «показывать мои любимые сайты в подсказках».

Кроме отключения персонализации, следует выйти из аккаунта Яндекса и производить поиск в режиме «Инкогнито». А для более точного результата можно еще очистить историю браузера.

Сервисы анализа позиций сайта

Мы же советуем пользоваться сервисами анализа позиций для автоматизации и облегчения данной задачи, а также для получения более достоверных и полных данных. Рассмотрим полезные и удобные на наш взгляд ресурсы в этой статье.

Топвизор

При регистрации нового пользователя Топвизор предоставляет возможность бесплатного анализа 200 запросов. Проверка позиций сайта возможна по таким поисковым системам, как Яндекс, Bing, Google, Seznam, go.Mail.ru, Yahoo, Спутник, а также по сайту YouTube.

Для начала работы необходимо зарегистрироваться на сайте ТопВизор и нажать «Мои проекты».

Чтобы создать новый проект, нужно нажать «Добавить проект» в верхнем правом углу.

Затем необходимо ввести адрес сайта и нажать «Добавить».

После этого, нажав на кнопку «Позиции» под названием сайта, мы перейдем к странице проверки позиций сайта.

Чтобы добавить ключи, по которым следует анализировать позиции, нужно выбрать раздел «Ядро/запросы».

Перед проверкой позиций следует указать регион и поисковую систему, в которой будет производиться анализ позиций сайта. Для этого нужно перейти в настройки проекта и указать нужные данные.

Для запуска проверки необходимо нажать на кнопку обновления в верхнем левом углу экрана.

В Топвизоре, помимо проверки всего проекта, можно проверить позиции сайта только по одной поисковой системе, региону или даже определенному ключу из списка.

После проверки есть возможность скачать отчет в таких форматах, как CSV, XLSX, PDF и HTML.

Топвизор предлагает возможность скачать отчет за разные периоды. Также при загрузке файла можно поставить галочку возле поля «Релевантные страницы», и тогда в итоговом отчете будут отображены релевантные страницы.

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

Одна из полезных функций Топвизора - просмотр динамики позиций по поисковым запросам. Выбрав интересующий вас период времени (например, год), можно увидеть, как изменилось количество запросов в ТОП-3, 10, 30 поисковой выдачи в процентном соотношении. Это дает понять, в правильном ли направлении вы двигаетесь в продвижении своего сайта. Если доля запросов в ТОПе растет, значит, все хорошо.

При помощи Топвизора можно также осуществлять подбор ключей для семантического ядра, управлять ставками в Яндекс.Директе, сравнивать сниппеты, группировать страницы по релевантности и многое другое. Кроме того, Топвизор умеет автоматически отслеживать изменения на сайте при помощи инструмента «Радар».

AllPositions

Данный сервис после регистрации зачисляет новому пользователю 1000 монет бесплатно.

С помощью AllPositions можно не только отследить позиции в поисковиках, но и анализировать конкурентов, оценивать посещаемость сайта, подключив Google Analytics. Давайте более подробно рассмотрим работу этого сервиса.

После простой регистрации в AllPositions.ru и подтверждения аккаунта создаем новый проект, нажав на кнопку «Добавить»:

Приступаем к заполнению проекта: указываем название проекта и адрес сайта:

Следующий этап - добавление запросов. Каждый ключ необходимо указывать с новой строки, а после нажать на кнопку «Добавить»:

Проверка позиций сайта запустится автоматически. Как только она завершится, можно будет скачать отчет в формате xml.

Если подключить к данному сервису ваш аккаунт в Google Analytics, то можно будет отслеживать посещаемость сайта: источники трафика, доли переходов из каждой поисковой системы, ключевые слова, страны и города переходов:

SE Ranking

В сервисе SE Ranking для новых пользователей предоставляется пробный бесплатный период на 14 дней. Зарегистрировавшись на сайте, вы получите доступ к обучающему видео, в котором подробно описывается работа с сервисом.

Перейти к анализу позиций сайта можно, нажав на «Добавить проект» внизу страницы или в правом верхнем углу. В появившемся окне необходимо заполнить поля «Название» и «Адрес сайта». Остальные параметры можно оставить неизменными.

Далее нужно загрузить ключевые запросы, по которым желаете проверить позиции сайта. Это можно сделать несколькими способами: импортировать слова из статистики Google Analytics или Яндекс.Метрики, а также добавить вручную.

После добавления запросов выбираем регион сайта и поисковую систему и нажимаем «Добавить», а затем «Завершить».

После проверки позиций будет доступна такая страница:

Сервис SE Ranking очень простой и интуитивно понятный. Он подойдет для работы новичкам, которым еще сложно разобраться в перипетиях крупных сервисов.

Несмотря на то, что в основном SE Ranking специализируется на анализе позиций, у него также есть другие инструменты и функции. Например, анализ сайтов-конкурентов и обратных ссылок, SEO-аудит сайта, подбор и определение частотности ключевых запросов и др.

Rush-Analytics

В этом сервисе начисляется 200 лимитов на баланс, который нужно будет потратить в течение 14 дней. Rush-Analytics позволяет не только анализировать позиции сайта, но и собирать поисковые подсказки, проверять индексацию сайта, а также группировать ключевые слова.

Чтобы проанализировать позиции сайта, на главной странице в левом столбце нужно выбрать пункт «Регулярная проверка», а затем «Создать новый проект».

Затем, точно так же, как в других сервисах, вбиваем имя проекта и название сайта, выбираем частоту проверки (ежедневно, еженедельно, в ручном режиме или по апдейтам Яндекса).

Также можно указать своих конкурентов для отслеживания позиций по интересующим ключам.

После этого нужно указать поисковую систему, тип устройства (мобильные или компьютер), регион и язык.

После проверки Rush Analytics предлагает удобную функцию просмотра количества запросов в ТОПе выдачи. Вы сможете узнать, сколько запросов находится в ТОП-3, ТОП-5 и т.д. Кроме того, данный сервис также считает процент видимости сайта в поисковой выдаче.

В целом, можно сказать, что Rush Analytics - это полезный сайт для тех, кто хочет проверить позиции сайта. Среди плюсов сервиса: возможность проанализировать позиции сайта в поисковой выдаче мобильных устройств и компьютеров, а также отображение релевантных страниц сразу на сайте, а не в скачанном файле отчета.

Be1.ru

Данный сервис предоставляет возможность бесплатной проверки до 100 запросов сайта без регистрации.

Чтобы проанализировать позиции сайта с помощью Be1.ru, в списке инструментов сайта нужно выбрать раздел «Проверка позиций сайта», а затем указать URL сайта, ключи и регион.

После недолгой проверки можно увидеть список запросов с указанием позиций в поисковой выдаче. Отчет с анализом позиций можно скачать в формате CSV, при этом в файле, помимо позиций сайта, будут указаны наиболее подходящие (релевантные) страницы для поисковых запросов.

В целом, можно сказать, что Be1.ru - это сервис с огромным функционалом и множеством различных инструментов.

Среди минусов стоит отметить невозможность анализа позиций сайта в Google (даже после регистрации). В остальном данный сервис очень легкий в использовании. Be1.ru прекрасно подойдет в том случае, когда необходимо быстро проверить позиции сайта, не нуждаясь в каком-либо дополнительном софте.

Сравнение сервисов по анализу позиций сайта

Название сервиса	Преимущества	Недостатки	Стоимость
Топвизор	Удобный интерфейс Хороший дизайн Множество разнообразных функций Гибкость настроек	Сложно разобраться новичкам, требуется изучение инструкции	От 0,03 руб. за проверку одного запроса в одной поисковой системе и одном регионе (при оплате максимального тарифа 29 990 рублей в месяц)
AllPositions	Простой и понятный интерфейс	Мало дополнительных функций	0,03 руб. за проверку одного запроса (при оплате от 6 000 рублей)
SE Ranking	Удобный для новичка интерфейс Бесплатный пробный период 14 дней	Дополнительные функции (например, проверка частотности) дороже Ограничение в количестве запросов, по которым можно проверить позиции сайта (от 50 до 1000 запросов в зависимости от выбранного тарифа)	От 0,03 руб. за проверку одного запроса (при оплате максимального тарифа 20 000 рублей)
Rush-Analytics	Бесплатный пробный период 14 дней Визуальный график с динамикой роста позиций Возможность проверки позиций на компьютерах и мобильных устройствах	Долгая проверка	0,04 руб. за проверку одного запроса
Be1.ru	Без регистрации можно проверить до 100 позиций	Невозможность проверки позиций в Google	Бесплатно до 100 слов

В целом, можно сказать, что у многих сервисов проверки позиций, помимо основной функции, также есть и множество других не менее полезных фишек. В наименее выигрышной позиции в этом плане сервис AllPositions, главная специализация которого - проверка позиций сайта. Но и он может стать вашим хорошим помощником благодаря анализу конкурентов и просмотру статистики сайта. Нельзя сказать, что это существенный недостаток, но иногда хочется более полного функционала и разнообразия функций. В этом плане лучше всего проявили себя Топвизор и SE Ranking. Они, как бойцы авангарда, идут вперед, развиваются и этим привлекают сеошников.

В настоящее время в интернете множество сервисов по проверке позиций сайта. Все они предлагают разнообразный спектр возможностей, но к какому сайту обратиться - решать только вам. Каждый выберет для себя сервис согласно своим нуждам, вкусам и предпочтениям.

Занимаясь поисковым продвижением, мы всегда делаем срез по подобранным нами ключевым запросам до и после выполненных работ и высылаем его клиентам. Закажите SEO-сопровождение сайта на выгодных условий -

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

Листинг 3.17. Файл myscript.js - Поиск в массиве

var array = ;

$("#ok").click(function() {

var object = parseInt($("#string").val());

var answer = $.inArray(object, array);

if (answer == "-1") alert("Массив [" +array + "]. Значения "+object+ " нет в массиве");

else alert("Массив [" +array + "]. Значение " + object + " под номером " + answer)

});

});

В Листинге 3.17 поиск осуществляется по массиву array. По нажатию на кнопку с id=ok , в переменную object записывается значение, введённое в текстовое поле с id=string , преобразованное к типу int (целое число). Затем осуществляется проверка вхождения числа в массив. Для этого используется функция $.inArray() . Результат выполнения функции может быть либо «-1» - введённого значения в массиве нет, либо порядковый номер найденного элемента (напомним, что нумерация в массиве начинается с 0). Теперь достаточно проверить равен ли результат поиска «-1». Если да - вывести сообщение об ошибке. Если нет - вывести порядковый номер. В обоих случаях формируется строка для большей наглядности.

Конечно, пример (Листинг 3.17) далёк от совершенства. Пользователь может вводить в текстовое поле не только цифры, но и строки. Для анализа только числовых значений можно запретить ввод символов или осуществить проверку введённого значения есть ли в нём символы. Первый вариант уже оговаривался в этой главе. На наш взгляд он является более уместным, если вводимые значения всегда должны быть целыми числами.

Результат выполнения JS-кода похож на Рис. 3.7.

Рис. 3.7. Поиск в массиве

Усложним задачу. Пусть дан массив «ключ-значение». Пользователь может ввести в текстовые поля формы ключ и значение (Листинг 3.18). Необходимо проверить существует ли введённый ключ в массиве. Также необходимо сверить введённое пользователем значение с уже заданным (Листинг 3.19).

Листинг 3.18. Файл 1.html - Форма для ввода значений

Обработка массивов

Ок

Листинг 3.19. Файл myscript.js - Поиск в массиве «ключ-значение»

$(document).ready(function() {

var array = {"one":"это значение по ключу one", "two":"это значение по ключу two", "three":"это значение по ключу three"};

$("#ok").click(function() {

var key = $("#key").val();

var value = $("#value").val();

var in_array = false;

var keys = Object.keys(array);

for (var index=0; index i === pred); return arr.findIndex(f) != -1; }

Array.prototype.includes()

Array.prototype.includes(searchElement[, fromIndex]) - а это уже ES7, с ещё пока оочень сырой поддержкой. Наконец-то у нас будет специальный метод, чтобы узнать, есть ли элемент в массиве! Поздравляю!

Arr.includes(elem);

Это всё, что нужно, чтобы найти элемент. Аргументы у этой функции полностью аналогичны Array.prototype.indexOf() . А вот вернет он true в случае успеха и false в обратном. Естественно искать по свойствам объектов нельзя, для этого есть Array.prototype.find() . Должен быть самым быстрым, но... Возможно, что он и станет со временем самым быстрым.

Часть вторая, со вниманием, но чужая и в стиле сонаты

Теперь, наконец, можно поговорить об этой же теме, но в контексте парочки фреймворков! Говорят, что всегда хорошо посмотреть сначала, как делают другие, перед тем, как начнешь делать это сам. Может это откроет нам глаза на что-нибудь интересное!

jQuery

jQuery.inArray(value, array [, fromIndex ]) - между прочим весьма быстрый метод, по тестам.

Использует внутри строгое равенство === и возвращает -1 , если ничего не нашел, а если все таки нашёл, то вернет его индекс. Для удобства и одинаковости обернем её в функцию:

Function contains(arr, elem) { return jQuery.inArray(elem, arr) != -1; }

А теперь поговорим, как она работает. Вот, что она представляет из себя в версии 2.1.3:

InArray: function(elem, arr, i) { return arr == null ? -1: indexOf.call(arr, elem, i); }

Где indexOf это вот это:

// Use a stripped-down indexOf as it"s faster than native // http://jsperf.com/thor-indexof-vs-for/5 indexOf = function(list, elem) { var i = 0, len = list.length; for (; i < len; i++) { if (list[i] === elem) { return i; } } return -1; }

Забавный комментарий говорит, что так быстрее, чем родной Array.prototype.indexOf() (могу предположить, что из-за отсутствия всех проверок) и предлагает посмотреть тесты производительности.

По сути - это самый первый способ из первой части.

Underscore

_.contains(list, value) - вот такой метод предлагает нам популярная библиотека для работы с коллекциями. То же самое, что и _.include(list, value) .

Использует === для сравнения. Вернёт true , если в list содержится элемент, который мы ищем. Если list является массивом, будет вызван метод indexOf.

Contains = _.include = function(obj, target) { if (obj == null) return false; if (nativeIndexOf && obj.indexOf === nativeIndexOf) return obj.indexOf(target) != -1; return any(obj, function(value) { return value === target; }); };

Где nativeIndexOf - штука, которая говорит, что Array.prototype.indexOf() существует, а obj.indexOf === nativeIndexOf говорит, что list - массив. Теперь понятно, почему этот метод медленнее, чем jQuery.inArray() , просто обертка над Array.prototype.indexOf() . Ничего интересного.

Lodash

_.includes(collection, target, ) - вот последняя надежда на новые мысли, от второй знаменитейшей библиотеки для работы с коллекциями. То же самое, что _.contains() и _.include() .

Возвращает true , если содержит и false если нет. fromIndex индекс элемента, с которого начинаем поиск.

Function includes(collection, target, fromIndex, guard) { var length = collection ? getLength(collection) : 0; if (!isLength(length)) { collection = values(collection); length = collection.length; } if (typeof fromIndex != "number" || (guard && isIterateeCall(target, fromIndex, guard))) { fromIndex = 0; } else { fromIndex = fromIndex < 0 ? nativeMax(length + fromIndex, 0) : (fromIndex || 0); } return (typeof collection == "string" || !isArray(collection) && isString(collection)) ? (fromIndex -1) : (!!length && getIndexOf(collection, target, fromIndex) > -1); }

guard - служебный аргумент. Сначала находится длина коллекции, выбирается fromIndex , а потом... нет, не Array.prototype.indexOf() ! Для поиска в строке используется String.prototype.indexOf() , а мы идем дальше в _.getIndexOf() и в результате попадём в ло-дашскую имплементацию indexOf() :

Function indexOf(array, value, fromIndex) { var length = array ? array.length: 0; if (!length) { return -1; } if (typeof fromIndex == "number") { fromIndex = fromIndex < 0 ? nativeMax(length + fromIndex, 0) : fromIndex; } else if (fromIndex) { var index = binaryIndex(array, value); if (index < length && (value === value ? (value === array) : (array !== array))) { return index; } return -1; } return baseIndexOf(array, value, fromIndex || 0); }

Она интересна тем, что fromIndex может принимать значения как Number , так и Boolean и если это всё таки значение булевого типа и оно равно true , то функция будет использовать бинарный поиск по массиву! Прикольно. Иначе же выполнится indexOf() попроще:

Function baseIndexOf(array, value, fromIndex) { if (value !== value) { return indexOfNaN(array, fromIndex); } var index = fromIndex - 1, length = array.length; while (++index < length) { if (array === value) { return index; } } return -1; }

Интересный ход для случая, когда мы ищем NaN (напомню, что из-за досадной ошибки он не равен сам себе). Выполнится indexOfNaN() , и действительно ни один из всех способов описанных ранее не смог бы найти NaN , кроме тех, естественно, где мы могли сами указать функцию для отбора элементов.

Можно предложить просто обернуть _.indexOf() для поиска элемента:

Function contains(arr, elem, fromIndex) { return _.indexOf(arr, elem, fromIndex) != -1; }

Где fromIndex будет либо индексом откуда начинаем искать, либо true , если мы знаем, что arr отсортирован.

Заключение, хотя и в стиле интермеццо

И да, все эти варианты имеют смысл, только если момент с поиском данных част в вашем алгоритме или поиск происходит на очень больших данных. Вот приведу ниже несколько тестов на поиск элементов типа Number и String в массивах длинной 1000000 (миллион) элементов для трех случаев, когда элемент находится вначале массива, в середине (можно считать за среднюю по палете ситуацию) и в конце (можно считать за время поиска отсутствующего элемента, кроме метода с Array.prototype.lastIndexOf()).

Прежде всего, существует некоторая фундаментальная путаница в том, какие структуры данных доступны в JavaScript.

JavaScript не имеет массивов

По сути, JavaScript имеет только хеш-таблицы. Стандартная функция Array строит хэш-таблицы (я буду называть эти целые хэш-таблицы или int-hash-tables ), где ключи являются целыми числами в дополнение к строковым клавишам. Они работают аналогично массивам, но они различаются определенным образом. Есть минусы и профи. Например, удаление элемента из int-hash-table является операцией O (1), а удаление элемента из массива - это операция O (n) (потому что вам нужно скопировать остальные элементы в новый массив). Вот почему функция Array.prototype.splice в JavaScript очень быстро. Недостатком является сложность реализации.

Итак, когда вы говорите Array в контексте JavaScript, это понимается как int-hash-table и вся связанная с ним асимптотическая сложность. Это означает, что если вы хотите найти строковое значение внутри таблицы int-hash, то это будет операция O (n). Для этого есть стандартная функция: Array.prototype.indexOf . Однако, если вы хотите найти ключ , то есть две функции: in и Object.prototype.hasOwnProperty .

Несколько противоречиво:

[ 1 , 2 , 3 ]. hasOwnProperty (0 ); // true 0 in [ 1 , 2 , 3 ]; // true

Разница между этими двумя требует дальнейшего объяснения. Это связано с тем, что все объекты в JavaScript являются объектами и, следовательно, имеют некоторые объекты-y. Один из них показывает prototype , связь между объектом и его прототипом. Это иерархическая структура хеш-таблиц, каждая из которых содержит свойства объектов.

in поисках немедленной хеш-таблицы объекта, а затем рекурсивно ищет хеш-таблицы прототипов этих объектов.

В то время как Object.prototype.hasOwnProperty только просматривает непосредственную хеш-таблицу. Вы можете подумать, что это должно быть быстрее, но подождите, пока вы не перейдете к выводам.

Из-за динамического характера JavaScript все вызовы функций динамичны, и среда должна заботиться о том, чтобы обеспечить выполнение отказобезопасного кода. Это означает, что вызовы функций JavaScript очень дороги. Итак, переход через Object.prototype.hasOwnProperty может быть намного дороже, чем проходить, хотя теоретически это должно быть наоборот. Однако, учитывая достаточно высокое дерево наследования и достаточное количество унаследованных свойств, в конечном итоге, Object.prototype.hasOwnProperty возьмет верх.

Некоторые примеры для лучшей интуиции:

>>> var array = [ 1 , 2 , 3 ]; undefined >>> 3 in array ; false >>> array . hasOwnProperty (3 ); false >>> 3 in array ; false >>> array . __proto__ = [ 1 , 2 , 3 , 4 ]; [ 1 , 2 , 3 , 4 ] >>> 3 in array ; true >>> array . hasOwnProperty (3 ); false

Если вам нужен быстрый поиск ключей для объектов с короткой цепочкой наследования прототипов, используйте.

Если вы хотите то же самое, но для объектов с обширной цепочкой наследования, используйте Object.prototype.hasOnwProperty

Если вам нужен быстрый поиск, используйте Array.prototype.indexOf для Array .

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