1 JavaScript 배열 CSV 형식으로 변환합니다
우선, 다음과 같은 응용 프로그램 시나리오를 고려하십시오. 그런 다음 다음 팁을 사용할 수 있습니다. 코드는 다음과 같습니다.
다음과 같이 코드 코드를 복사하십시오.
var 과일 = [ 'Apple', 'Peaches', 'Oranges', 'Mangoes'];
var str = fruits.valueof ();
출력 : 사과, 복숭아, 오렌지, 망고
그중에서도 () 메소드의 값은 JavaScript 배열을 쉼표로 분리 된 문자열로 변환합니다. ｜ No. Divide와 같은 쉼표 세그먼트를 사용하고 싶지 않은 경우 다음과 같이 작업 방법을 사용하십시오.
다음과 같이 코드 코드를 복사하십시오.
var 과일 = [ 'Apple', 'Peaches', 'Oranges', 'Mangoes'];
var str = fruits.join ( "|");
출력 : 사과 |
2 CSV 형식을 Javscript 배열로 다시 연결합니다.
그렇다면 CSV 형식을 JavaScript 배열로 다시 변환하는 방법은 무엇입니까? split () 메소드를 사용하여 지정된 문자를 분리 할 수 있습니다.
다음과 같이 코드 코드를 복사하십시오.
var str = "사과, 복숭아, 오렌지, 망고";
var fruitsarray = str.split ( ",");
출력 fruitsarray [0] : Apple
3 인덱스 시프트에 따르면 배열의 특정 요소
JavaScript 배열에서 특정 요소를 제거 해야하는 경우 스플 라이스 메소드는 배열의 0 번째 배열에서 제거됩니다).
다음과 같이 코드 코드를 복사하십시오.
함수 removeByIndex (arr, index) {{
arr.splice (색인, 1);
}
test = new Array ();
테스트 [0] = 'Apple';
테스트 [1] = 'ball';
테스트 [2] = '고양이';
테스트 [3] = '개';
ALERT ( "요소를 제거하기 전의 배열 :"+테스트);
removeByIndex (테스트, 2);
경고 ( "요소를 제거한 후 배열 :"+테스트);
최종 출력은 사과, 공, 개입니다
4 배열 요소의 값을 제거하려는 요소의 값에 따라
다음 기술은 주어진 값에 따라 배열에서 요소를 삭제합니다.
다음과 같이 코드 코드를 복사하십시오.
함수 removeByvalue (arr, val) {{
for (var i = 0; i <arr.length; i ++) {
if (arr [i] == val) {
arr.splice (i, 1);
부서지다;
}
}
}
var somearray = [ "mon", "tue", "wed", "thur"]
removeByValue (somearray, "");
// SomeAray는 "Mon", "Wed", "Thur"의 요소를 갖습니다.
물론 더 나은 방법은 다음과 같이 프로토 타입을 사용하는 방법을 달성하는 것입니다. 다음 코드 :
다음과 같이 코드 코드를 복사하십시오.
Array.prototype.removeByvalue = function (val) {
for (var i = 0; i <this.length; i ++) {
if (this [i] == value) {
this.splice (i, 1);
부서지다;
}
}
}
// ..
var somearray = [ "mon", "tue", "wed", "thur"]
somearray.removeByvalue ( "tue");
5 문자열로 지정된 메소드를 동적으로 호출합니다.
때로는 실행할 때 기존 메소드를 동적으로 호출하고 매개 변수를 전달해야합니다. 이것을 달성하는 방법? 다음 코드는 다음과 같습니다.
다음과 같이 코드 코드를 복사하십시오.
var strfun = "somefunction"; // 일부 기능은 정의 된 메소드 이름입니다
var strparam = "이것은 매개 변수입니다. // 메소드의 매개 변수를 전달합니다
var fn = 창 [strfun];
// 호출 메소드가 매개 변수로 전달됩니다
FN (strparam);
6 1 ~ n 랜덤 숫자를 생성합니다
다음과 같이 코드 코드를 복사하십시오.
var random = math.floor (math.random () * n + 1);
// 1과 10 사이의 난수를 생성합니다
var random = math.floor (math.random () * 10 + 1);
// 1과 100 사이의 난수를 생성합니다
var random = math.floor (math.random () * 100 + 1);
7 브라우저 클로저 이벤트를 캡처하십시오
우리는 종종 사용자가 브라우저를 닫을 때 다음 JavaScript 기술이 매우 유용합니다.
다음과 같이 코드 코드를 복사하십시오.
<script language = "javaScript">
함수 fnunloadhandler () {
Alert ( "언로드 이벤트 .. Uters 세션을 무효화하기 위해 무언가를하십시오 ..");
}
</스크립트>
<body onbeforeunload = "fnunloadhandler ()">
... ...
</body>
onbeforeunload () 이벤트의 코드를 작성하십시오
8 백 키를 누르는지 확인하십시오
마찬가지로 사용자가 백 키를 누르는 지 확인할 수 있습니다. 코드는 다음과 같습니다.
다음과 같이 코드 코드를 복사하십시오.
window.onbeforeunload = function () {
반품 "당신은 일을 잃어 버릴 것입니다.";
};
9 양식 데이터가 변경되는지 확인하십시오
때로는 사용자가 양식으로 컨텐츠를 수정하는지 확인 해야하는 경우 양식의 내용이 수정되면 다음 기술을 사용할 수 있습니다. 코드는 다음과 같습니다.
다음과 같이 코드 코드를 복사하십시오.
함수 formisdirty (form) {
for (var i = 0; i <form.elements.length; i ++) {
varing = form.elements [i];
var type = element.type;
if (type == "checkbox"|| type == "radio") {{
if (element.check! = element.defaultChecked) {
진실을 반환하십시오.
}
}
else if (type == "hidden"|| type == "password"||
type == "text"||
if (element.value! = element.defaultValue) {{
진실을 반환하십시오.
}
}
else if (type == "select-one"|| type == "select-multiple") {{
for (var j = 0; j <element.options.length; j ++) {
if (element.options [j] .select! =
emeter.options [j] .defaultSelect) {{
진실을 반환하십시오.
}
}
}
}
거짓을 반환합니다.
}
window.onbeforeunload = function (e) {
e = e || window.event;
if (formisdirty (document.forms [ "someform"]) {{) {{) {
// IE와 Firefox
if (e) {{
E.returnValue = "구원받지 않은 변경이 있습니다.";
}
// 사파리 브라우저
"당신은 구원받지 못한 변화가 있습니다.";
}
};
10 백 키 사용을 완전히 금지했습니다
다음 기술이 페이지에 배치되어 사용자가 뒤로 및 후면 키를 가리키는 것을 방지 할 수 있습니다. 코드는 다음과 같습니다.
다음과 같이 코드 코드를 복사하십시오.
<script type = "text/javaScript">
Window.history.forward ();
function not () {window.history.forward ();}
</스크립트>
</head>
<body only = "not ();"
onpageshow = "if (event.persisisted) noback ();" ">>
11 객관식 상자에서 선택한 프로젝트를 삭제하십시오
아래에 제공된 기술은 Drop -Down Box의 여러 프로젝트에 의해 사용자를 선택하면 포인트가 삭제되면 코드가 다음과 같습니다.
다음과 같이 코드 코드를 복사하십시오.
함수 selectboxRemove (sourceId) {{
// idbox id를 가져옵니다
var src = document.getElementById (sourceId);
// 사이클 목록 상자
for (var count = src.options.length-1; count> = 0; count-) {
// 삭제 될 옵션을 찾으면 삭제하십시오.
if (src.options [count] .select == true) {
노력하다 {
src.remove (count, null);
} catch (오류) {
src.remove (count);
}
}
}
}
12 Listbox의 전체 선택 및 비 기능 선택
지정된 ListBox의 경우, 다음 방법을 사용자의 요구에 따라 true 또는 false로 전달할 수 있습니다.이 방법은 전체 ListBox의 모든 항목 또는 모든 항목을 나타냅니다.
다음과 같이 코드 코드를 복사하십시오.
함수 listboxSelectDesElect (listId, isselect) {
var listbox = document.getElementById (listId);
for (var count = 0; count <listbox.options.length; count ++) {
listbox.options [count] .select = isselect;
}
}
13 ListBox에서 프로젝트를 위아래로 이동합니다
다음 코드는 Listbox에서 프로젝트를 이동하는 방법을 제공합니다.
다음과 같이 코드 코드를 복사하십시오.
함수 listbox_move (listid, direction) {{
var listbox = document.getElementById (listId);
var selindex = listbox.selectex;
if (-1 == selindex) {{
경고 ( "이동 옵션을 선택하십시오.");
반품;
}
var 증분 = -1;
if (Direction == 'up')
증분 = -1;
또 다른
증분 = 1;
if (selindex + ycrement) <0 ||
(selindex + ycrement)> (listbox.options.length-) {{) {{
반품;
}
var selvalue = listbox.options [selindex];
var seltext = listbox.options [selindex] .text;
listbox.options [selindex]
listbox.options [selindex] .text = listbox.options [selindex + ycrement] .text.
listbox.options [selindex + 증분].
listbox.options [selindex + ycrement] .text = seltext;
listbox.selectIndIndex = selindex + 증분;
}
// ..
// ..
Listbox_Move ( 'CountryList', 'UP');
listbox_move ( 'CountryList', 'down');
14 프로젝트를 두 개의 다른 목록 상자로 이동하십시오
두 개의 다른 Listbox에서 왼쪽의 Listbox에서 다른 Listbox로 프로젝트를 이동해야합니다.
다음과 같이 코드 코드를 복사하십시오.
함수 listbox_moveacross (sourceId, destid) {
var src = document.getElementById (sourceId);
var dest = document.getElementById (destid);
(var control = 0; count
if (src.options [count] .select == true) {
var 옵션 = src.options [count];
var newOption = document.createElement ( "옵션");
newOption.Value = 옵션. 값;
newOption.text = 옵션 .text;
newoption.select = true;
노력하다 {
dest.add (newoption, null);
src.remove (count, null);
} catch (오류) {
dest.add (newoption);
src.remove (count);
}
세다-;
}
}
}
// ..
// ..
listbox_moveacross ( 'CountryList', 'SelectDcountryList');
15 Javscript 배열의 빠른 초기화
다음 방법은 Javscript 배열의 신속한 초기화 방법을 제공합니다.
다음과 같이 코드 코드를 복사하십시오.
var 번호 = [];
for (var i = 1; numbers.push (i ++) <100;);
// 번호 = [0,1,2,3 ... 100]
배열의 푸시 방법을 사용하십시오
16 배치 수를 테스트하십시오
소수점 후 위치 수를 가로 채려면 다음과 같은 두 가지 방법을 사용할 수 있습니다.
다음과 같이 코드 코드를 복사하십시오.
var num = 2.443242342;
경고 (num.tofixed (2));
TopRecision (x)의 사용은 지정된 비트의 정밀도를 제공합니다.
다음과 같이 코드 코드를 복사하십시오.
Num = 500.2349;
결과 = num.teprecision (4);
17 문자열에 다른 문자열이 포함되어 있는지 확인하십시오
다음 코드에서는 문자열에 문자열에 다른 문자열이 포함되어 있는지 확인할 수 있습니다. 코드는 다음과 같습니다.
다음과 같이 코드 코드를 복사하십시오.
if (! array.prototype.indexof) {
Array.prototype.indexof = function (obj, start) {
for (var i = (시작 || 0), j = this.length; i <j; i ++) {
if (this [i] === obj) {return i;}
}
반품 -1;
}
}
if (! string.prototype.contains) {
String.prototype.contains = function (arg) {
~ ~ this.indexof (arg);
};
}
Indexof 메소드는 위 코드에 다시 작성되며 포함 방법은 다음과 같습니다.
다음과 같이 코드 코드를 복사하십시오.
var hay = "빠른 갈색 여우가 게으른 개를 뛰어 넘습니다.";
var 니들 = "점프";
경고 (Hay.contains (바늘));
18 Javscript 배열에서 반복적 인 요소를 제거하십시오
다음 코드는 다음과 같이 JavaScript 배열의 반복 요소를 제거 할 수 있습니다.
다음과 같이 코드 코드를 복사하십시오.
함수 removeduplicates (arr) {
var test = {};
for (var i = 0; i <arr.length; i ++)
온도 [arr [i]] = true;
var r = [];
for (var k in test)
r.push (k);
RETOR R;
}
//용법
var 과일 = [ 'Apple', 'Orange', 'Peach', 'Apple', 'Strawberry', 'Orange'];
var incirefruits = removeduplicates (from);
// output orvightFruits [ 'Apple', 'Orange', 'Peach', 'Strawberry'];
19 문자열에서 초과 공간을 제거하십시오
다음 코드는 String에 trim () 메소드를 추가합니다.
다음과 같이 코드 코드를 복사하십시오.
if (! string.prototype.trim) {
String.prototype.trim = function () {
reture this.replace (/^/s+|/s+$/g, '');
};
}
//용법
var str = "일부 문자열";
str.trim ();
// output str = "일부 문자열"
20 JavaScript의 리디렉션
JavaScript에서는 메소드가 다음과 같습니다.
다음과 같이 코드 코드를 복사하십시오.
Window.location.href = "//www.vevb.com";
21 코드 URL
때로는 URL의 전송을 인코딩해야합니다.
다음과 같이 코드 코드를 복사하십시오.
var myotherurl = "http://example.com/index.html?url=" + encodeUricomponent (myUrl);
원본 : http://viralpatel.net/blogs/javaScript-tips-tricks/