Почему не работает split(',') и includes()?

Question

[historydev]

Добрый день.Пишу фильтр.Столкнулся с проблемой.Мне нужно искать данные из массива в строке.
Вот мой код.

$('.fd').data('genre','action,50,66,ihsjjs');
	$('.fd').data('country','russia');
	$('.fd').data('status','all');
	
	var gnr = $('.fd').data('genre').split(',');
	var ctr = $('.fd').data('country');
	var sts = $('.fd').data('status');
	
	var data=[gnr,ctr,sts];	
	
	$('.find').click(function() {
		
		alert(data[0].includes('action'));	
	
		if(data[0] == 'action')	{
			$('.n_name').css('display','none');
			$('.fd').data('genre','action').css('display','block');
		}	
		
		if(data[1] == 'russia')	{
			$('.n_name').css('display','none');
			$('.fd').data('genre','russia').css('display','block');
		}	
		
		if(data[2] == 'all')	{
			$('.n_name').css('display','none');
			$('.fd').data('genre','all').css('display','block');
		}	
		
	});

Answer 1

[Дмитрий Арушанов]

...
var gnr = $('.fd').data('genre').split(','); // Array [action, 50, 66, ...]
  var ctr = $('.fd').data('country'); // String
  var sts = $('.fd').data('status'); // String
...
var data=[gnr,ctr,sts]; // Array [Array(3), str, str];
...
alert(data[0].includes('action')); // Must works

if(data[0] == 'action')	{ // Oops Looks like not working

data[0] - Это массив Array['action',55,66] и он не может быть равен 'action'

Comments

[historydev]

А как мне быть?Подскажите пожалуйста.

[Дмитрий Арушанов]

alert у вас срабатывает?
Я Не запускал код. Лишь просматривал.

[historydev]

Да срабатывает, если я юзаю сплит, пишет false, если я просто пишу значение которое есть в массиве,получаю true, мне нужно чтобы я вводил допустим 1,2,3,4 и оно искало мне 1,2,3,4

[Павел Диденко]

HistoryART, выложите код в песочницу

[Дмитрий Арушанов]

Попытаюсь вас снова натолкнуть на мысль пошагово

$('.fd').data('genre','action,50,66,ihsjjs');
$('.fd').data('country','russia');
$('.fd').data('status','all');
var gnr = $('.fd').data('genre').split(',');
var ctr = $('.fd').data('country');
var sts = $('.fd').data('status');
/*
 gnr - ['action' , '50', '66', 'ihsjjs'] - array
 ctr - 'russia' - string
 sts - 'all' - string
*/
var data=[gnr,ctr,sts];
/*
запишем результат который будет в дата в развернутом виде
[['action' , '50', '66', 'ihsjjs'], 'russia', 'all']

data[0] - array ['action' , '50', '66', 'ihsjjs']
data[1] - string russia
data[2] - string all

далее
*/
alert(data[0].includes('action'))
/*
как выше сказано 
data[0] - array ['action' , '50', '66', 'ihsjjs']
вы вызываете метод includes у массива что есть верно - потому тут и работает
*/



if(data[0] == 'action')	{
/*
идентично
if(['action' , '50', '66', 'ihsjjs'] == 'action')

*/
УЛОВИЛИ?

data[0][0] // action
data[0][1] //50
data[0][2] // 66
...
data[1] // 'russia'
data[1][0] // r
data [1][1] //u
...

[historydev]

Павел Диденко, https://jsfiddle.net/3fqou4yt/2/

[historydev]

Дмитрий Арушанов, Вроде да, сейчас попробую

[historydev]

Дмитрий Арушанов, спасибо за разжовывание.Извините за потраченное время.

[Дмитрий Арушанов]

HistoryART, не за что!

Answer 2

[Павел Диденко]

1. Вы ставите тег JavaScript, но выкладываете пример в jQuery.
2. Если в коде ошибка - выкладывайте код ошибки
3. Возможно, что в jQuery не работает метод includes, т.к. это ES6
4. Split не работает потому что он разбивает массив, а у вас HTML-коллекция

Скорее всего в jQuery есть аналогичные методы для решения этих задач. Для применения метода split попробуйте позаимствовать метод массива. Гуглите "заимствование метода массива" в учебнике learn.javascript это есть

Comments

[historydev]

Как понять, код ошибки?

[Павел Диденко]

HistoryART, код просто не срабатывает, без ошибок? Посмотрите тогда внимательно остальное, что я написал, скорее всего проблема решится.

Если какой-то код в JS не срабатывает, он, практически всегда в консоль вам залогирует сообщение об ошибке, вот я о нем