Ќазаќстан республикасы білім жєне ѓылым министрлігі
жүктеу/скачать 1.02 Mb.
|
- Бұл бет үшін навигация:
- 4.4 JavaScript: массивтер . (2 сағат).
| Негізгі әдебиеттер: [1] – 31- 800 б, [2] – 15-600 б.
Қосымша әдебиеттер: [] – б, [] – б. Бақылау сұрақтар: 1. Клиенттік сценарилер мәні. 2. JavaScript. Тілінің синтаксисі 3. Қандай басқару құрлымдары қолданылады? 4. Функцияның жазылуының синтаксисі? 5. Колданушы функциялардың тұрғызылған функциялардың қандай айырмашығы бар? 6. Функция қанша параметрден тұруы мүмкін? 7. Функцияны қалай шақырамыз? 8. Функцияның есімі қалай беріледі? 4.4 JavaScript: массивтер . (2 сағат). Жадының бөлінуі және массивтердің хабарландырылуы. Функциядағы параметрлердің берілуі және сілтемелерді іздеу және талдау. Реттеу және іздеу. Әр айнымалы бір мәннен тұрады, бірақ кей кезде сізге бірнеше мәннен тұратын айнымалы немесе массив (array) керек. Массив индекс бойынша қатынау арқылы іске жүзеге асатын элементтер жиынынан тұрады. Массив new операторынан және Array жүйелік функция құрастырушысынан құрылады. Массивтер әрқашан нолден басталады. Массив элементі мәнін алу үшін массив атын және квадраттық жақшада – элементтің реттік номерін беру керек. Қасиеттер массивте элементтер санын анықтай алады (массив ұзындығы). Array объектісі бір немесе екі массив элементтерін өңдей алатын массив. Негізгі әдістер: Sort - массив элементтерін сорттайды. Reverse – элементтерді кері ретпен қайта қояды; Push - массив соңына бір немесе бірнеше элемент қосады ; Pop - массивтен соңғы элементті жояды; Unshift - массив басына бір немесе бірнеше элементті қосады; Shift - массивтегі бірінші элементті жояды ; Join - массив элементтерін бір жолға қосады; Concat – екі массивті біреуге біріктіреді. JavaScript бірнеше тұрғызылған массивтер бар. Массивте форманы көрсету керек. Егер бірінші форма болса, онда форманы мына команда арқылы беруге болады document.myform немесе document.forms[0]. Екінші болса document.forms[1]. Үшінші болса document.forms[2] және тағы с.с Суреттер үшін дайын массив бар. pic1.gif document.pic1.src немесе document.images[0].src. сияқты көрсетуге болады. Схеманы нөмерге [квадраттық жақшаны] қосып жалғастыра береміз. Сондықтан қолданушы анықтайтын массивтерге тоқталамыз. Массивтер үшін бірнеше әдістер анықталған: join() reverse() sort() және массив элементі санын алатын length қасиеті, бұл қасиет берілген бөлім мысал белсенді қолданылады. Мысалы, join() әдісін айтқанда. Қолданушы массивін анықтаудың арнайы құрастырушысы бар: a=newArray(); b = new Array(10); c = new Array(10,"Бұл мән"); Қолдануға мысал: Форма басы Форма соңы Бұл мысалдан көргеніміздей массив әртүрлі элементтерден тұра алады. Массивтер көпөлшемді бола алмайды JavaScript – та массивтермен жұмыс істеу үшін join(), reverse(), sort() әдістері қолданылады, сонымен қатар массивтерде length. Қасиеті бар. Join() әдісі. Join() әдісі массив элементтерін бір жолға біріктіреді. Ол STRING типті объектілерде қолданылатын split() әдісіне кері функция болып табылады. Локальды URL-ды URL схемасына http түрлендіру мысалын қарастырайық: window.location: http://webclass.polyn.kiae.su/classes/jsi/array.htm Орындадыңыз: b = window.location.href.split('/'); Массив алдыңыз b: b[0]=http: b[1]= b[2]=webclass.polyn.kiae.su b[3]=classes b[4]=jsi b[5]=array.htm Схеманы ауыстырып “host:port" қойдыңыз: for(i=0;i if(b[i]=="file:") b[i] = "http:/"; if(b[i]=="c%7C") b[i] = "remote.host.domain:80"; } b массивін алдыңыз: b[0]=http: b[1]= b[2]=webclass.polyn.kiae.su b[3]=classes b[4]=jsi b[5]=array.htm b массив элементін қостыңыз: l=b.join("/"); Нәтижесінде алдыңыз: http://webclass.polyn.kiae.su/classes/jsi/array.htm Join() әдісін қолданудың басқа мысалы – жолда символды ауыстыру: str = "document.img1.src='http://images/imag1.gif';" document.write(str); Бастапқы жол: document.img1.src='http://images/imag1.gif'; Жолда барлық бірілікті екілікке ауыстырамыз: b = str.split('1'); str = b.join('2'); Және келесі нәтижені аламыз: document.img2.src='http://images/imag2.gif'; Соңғы мысалдан көретініміз қолданушы массивін массив конструкторын қолданбай-ақ алуға болады. Жол элементінің массиві split() функциясының әрекет функциясы сияқты. Reverse() әдісі. Reverse() әдісі массив ішінде массив элементтерін қарама-қарсы ретке ауыстыру үшін қолданылады. Натуралды сандар массиві өсу бойынша орналасқан дейік: a = new Array(1,2,3,4,5); Кемуі бойынша орналастырайық: a.reverse(); a[0]=5 a[1]=4 a[2]=3 a[3]=2 a[4]=1 Практикада бұл әдіс көп қолданылмайды. Sort() әдісі. Қазіргі заманғы тілдерде қабылданғандай, мысалы Perl, sort() әдісі бірнеше сұрыптау функциясына сәйкес массив элементін сорттайды, олардың аты әдістің аргументі ретінде қолданылады: a = new Array(1,6,9,9,3,5); function g(a,b) { if(a > b) return 1; if(a < b) return -1; if(a==b) return 0; } b = a.sort(g); Осы кодты орындау нәтижесінде келесі массив түрін аламыз: b[0]=1 b[1]=3 b[2]=5 b[3]=6 b[4]=9 b[5]=9 Сұрыптаудың туынды функциясын беру жолдық объектіні талдаудың иілгіш мүмкіндігін береді. Осы мысалдардың бірі IMG контейнерінің src атрибут жолдарын талдауға қызмет етеді, егер сурет скриптормен, ал форма алаңындағы мәндер сұрыптау бойынша қойылса: document.image.src = "http://www.student.ru:80/cgi-bin/image?x=10&y=20&z=15"; X және y бөлек көрсетеміз. Содан оларды сұрыптаймыз : str = "http://www.student.ru:80/cgi-bin/image?x=10&y=20&z=15"; s = str.split('?'); s1 = s[1].split('&'); s2 = s1.sort(v); for(i=0;i s2[0]='x=10' s2[1]='z=15' s2[2]='y=20' Кез келген массивпен осындай манипуляцияны жасауға болады. Егер сұрыптау әдісі аргументінде функцияны көрсетпесек, онда массив лексикографикалық ретпен сұрыпталады. Бұл дегеніміз олар алдымен жолдарға түрленеді. Содан кейін сұрыпталады. жүктеу/скачать 1.02 Mb. Достарыңызбен бөлісу:
|