1 صفيف JavaScript تحويل إلى تنسيق CSV
بادئ ذي بدء ، فكر في سيناريوهات التطبيق التالية. ثم يمكننا استخدام النصائح التالية ، الرمز هو كما يلي:
نسخ رمز رمز على النحو التالي:
Var Fruits = ['Apple' ، 'Peaches' ، 'Oranges ، "Mangoes"] ؛
var str = fruits.valueof () ؛
الإخراج: التفاح ، الخوخ ، البرتقال ، المانجو
من بينها ، ستقوم طريقة ValueOF () بتحويل صفيف JavaScript إلى سلاسل مفصولة بفاصلة. تجدر الإشارة إلى أنه إذا لم ترغب في استخدام قطاع فاصلة ، مثل | رقم ، يرجى استخدام طريقة الوظيفة ، على النحو التالي:
نسخ رمز رمز على النحو التالي:
Var Fruits = ['Apple' ، 'Peaches' ، 'Oranges ، "Mangoes"] ؛
var str = fruits.join ("|") ؛
الإخراج: أبل |
2 إعادة تنسيق CSV مرة أخرى إلى صفيف Javscript
إذن كيف تحول تنسيق CSV إلى صفيف JavaScript؟ يمكنك استخدام طريقة Split () لفصل الحرف المحدد.
نسخ رمز رمز على النحو التالي:
var str = "Apple ، Peaches ، Orange ، Mangoes" ؛
var fruitsarray = str.split ("،") ؛
إخراج ثمار الفواكه [0]: Apple
3 وفقا لتحول الفهرس ، عنصر معين في الصفيف
إذا كنت بحاجة إلى إزالة عنصر معين من صفيف JavaScript ، فيمكنك استخدام طريقة لصق.
نسخ رمز رمز على النحو التالي:
دالة removeByIndex (arr ، index) {{
arr.splice (index ، 1) ؛
}
اختبار = صفيف جديد () ؛
اختبار [0] = 'Apple' ؛
اختبار [1] = 'الكرة' ؛
اختبار [2] = 'cat' ؛
اختبار [3] = 'الكلب' ؛
تنبيه ("صفيف قبل إزالة العناصر:"+اختبار) ؛
removeByIndex (اختبار ، 2) ؛
تنبيه ("صفيف بعد إزالة العناصر:"+اختبار) ؛
الإخراج النهائي هو Apple ، Ball ، Dog
4 اعتمادًا على قيمة العنصر لإزالة القيمة في عنصر الصفيف
التقنيات التالية عملية للغاية.
نسخ رمز رمز على النحو التالي:
وظيفة removeByValue (arr ، val) {{
لـ (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) {
لـ (var i = 0 ؛ i <this.length ؛ i ++) {
إذا (هذا [i] == value) {
this.splice (i ، 1) ؛
استراحة؛
}
}
}
// ..
var somearray = ["Mon" ، "Tue" ، "Wed" ، "Thur"]
somearray.RemoveByValue ("Tue") ؛
5 استدعاء بشكل ديناميكي طريقة عن طريق المحدد بواسطة سلسلة
في بعض الأحيان ، عند التشغيل ، تحتاج إلى استدعاء طريقة موجودة بشكل ديناميكي وتمرير المعلمات لذلك. كيف تحقق هذا؟ يمكن أن يكون الرمز التالي:
نسخ رمز رمز على النحو التالي:
var strfun = "SomeFunction" ؛
var strparam = "هذه هي المعلمة" ؛
var fn = window [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 التقاط حدث إغلاق المتصفح
نأمل في كثير من الأحيان أنه عندما يغلق المستخدم المتصفح ، فإنه يطالب المستخدم بتوفير ما لم يتم الحفاظ عليه.
نسخ رمز رمز على النحو التالي:
<script language = "javaScript">
وظيفة fnunloadhandler () {
تنبيه ("إلغاء تحميل الحدث .. افعل شيئًا لإبطال جلسة Uters ..") ؛
}
</script>
<body onbeforeunload = "fnunloadhandler ()">
... ...
</body>
فقط اكتب رمز حدث OnBeforeUnload ()
8 تحقق مما إذا قمت بالضغط على المفتاح الخلفي
وبالمثل ، يمكنك التحقق مما إذا كان المستخدم يضغط على المفتاح الخلفي ، فإن الكود كما يلي:
نسخ رمز رمز على النحو التالي:
window.onbeforeunload = function () {
العودة "سوف تضيع العمل." ؛
} ؛
9 تحقق مما إذا كانت بيانات النموذج تتغير
في بعض الأحيان ، إذا كنت بحاجة إلى التحقق مما إذا كان المستخدم يعدل المحتوى في نموذج ، فيمكنك استخدام التقنيات التالية. الرمز كما يلي:
نسخ رمز رمز على النحو التالي:
وظيفة formisdirty (form) {
لـ (var i = 0 ؛ i <form.element.length ؛ i ++) {
varing = form.Elements [i] ؛
var type = element.type ؛
if (type == "checkbox" || type == "radio") {{
if (element.check! = element.defaultChecked) {
العودة صحيح.
}
}
آخر إذا (اكتب == "مخفي" || type == "كلمة المرور" ||
اكتب == "نص" ||
if (element.value! = element.defaultValue) {{
العودة صحيح.
}
}
آخر إذا (اكتب == "SELECT-ONE" || type == "select-multiple") {{
لـ (var j = 0 ؛ j <element.options.length ؛ j ++) {
if (element.options [j] .select! =
element.options [j] .defaultselect) {{
العودة صحيح.
}
}
}
}
العودة كاذبة.
}
window.onbeforeunload = function (e) {
e = e || window.event ؛
if (formisDirty (document.forms ["someform"]) {{) {{) {
// IE و Firefox
if (e) {{
e.ReturnValue = "لديك تغييرات غير محفوظة." ؛
}
// متصفح Safari
العودة "لديك تغييرات غير محفوظة." ؛
}
} ؛
10 محظور تمامًا من استخدام المفتاح الخلفي
يتم وضع التقنيات التالية على الصفحة ، والتي يمكن أن تمنع المستخدمين من الإشارة إلى مفاتيح الظهر والخلفية ، والتي هناك حاجة إليها في بعض الحالات. الرمز كما يلي:
نسخ رمز رمز على النحو التالي:
<script type = "text/javaScript">
window.history.forward () ؛
وظيفة not () {window.history.forward () ؛}
</script>
</head>
<الجسم فقط = "لا () ؛"
onpageshow = "if (event.persisist) noback () ؛"
11 حذف المشروع المحدد في مربعات الاختيار من متعدد
التقنية الواردة أدناه هي أنه عندما يتم تحديد المستخدم من خلال مشاريع متعددة في مربع المنخفض ، عندما يتم حذف النقطة ، يمكنك حذفها في وقت واحد.
نسخ رمز رمز على النحو التالي:
وظيفة selectboxRemove (sourceId) {{
// احصل على معرف مربع المعرف
var src = document.getElementById (sourceId) ؛
// cycle listbox
لـ (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 التحديد الكامل والاختيار غير المملح
إذا كان من أجل قائمة القائمة المحددة ، يمكن تمرير الطريقة التالية إلى True أو False وفقًا لاحتياجات المستخدم ، والتي تمثل جميع العناصر في صندوق القائمة الكامل أو جميع العناصر.
نسخ رمز رمز على النحو التالي:
الوظيفة listboxSeboxElectDesElect (listid ، isselect) {
var listbox = document.getElementById (listId) ؛
لـ (var count = 0 ؛ count <listbox.options.length ؛ count ++) {
listbox.options [count] .select = isselect ؛
}
}
13 تحرك لأعلى ولأسفل للمشروع في Listbox
يعطي الرمز التالي كيفية نقل المشروع في صندوق القائمة
نسخ رمز رمز على النحو التالي:
دالة listbox_move (listid ، الاتجاه) {{
var listbox = document.getElementById (listId) ؛
var selindex = listbox.selectex ؛
if (-1 == selindex) {{
تنبيه ("الرجاء تحديد خيار للتحرك.") ؛
يعود؛
}
VAR ZENMENT = -1 ؛
إذا (الاتجاه == 'UP')
زيادة = -1 ؛
آخر
الزيادة = 1 ؛
إذا (selindex + زيادة) <0 ||
(selindex + styrement)> (listbox.options.length-) {{) {{
يعود؛
}
var selvalue = listbox.options [selindex].
var seltext = listbox.options [selindex] .text ؛
listbox.options [selindex]
listbox.options [selindex] .text = listbox.options [selindex + styrement] .text.
listbox.options [selindex + studrement].
listbox.options [selindex + styrement] .text = seltext ؛
listbox.selectIndIndex = selindex + styrement ؛
}
// ..
// ..
listbox_move ('CountryList' ، 'Up') ؛
listbox_move ('CountryList' ، 'Down') ؛
14 انقل المشروع في اثنين من القائمة المختلفين
إذا كنت في غالباً ما تحتاج إلى نقل المشروع في مربع قائمة على اليسار إلى مربع آخر.
نسخ رمز رمز على النحو التالي:
دالة 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 OPTION = SRC.Options [count] ؛
var newoption = document.createElement ("Option") ؛
newOption.value = Option.value ؛
newOption.text = Option.text ؛
newoption.select = صحيح ؛
يحاول {
Dest.Add (Newoption ، NULL) ؛
src.remove (count ، null) ؛
} catch (خطأ) {
Dest.Add (newoption) ؛
src.remove (count) ؛
}
عدد-؛
}
}
}
// ..
// ..
listbox_moveacross ('CountryList' ، 'SelectDCountryList') ؛
15 تهيئة سريعة لمجموعة Javscript
تعطي الطريقة التالية طريقة للتهيئة السريعة لمجموعة Javscript.
نسخ رمز رمز على النحو التالي:
var number = [] ؛
لـ (var i = 1 ؛ number.push (i ++) <100 ؛) ؛
// الأرقام = [0،1،2،3 ... 100]
استخدم طريقة الدفع للصفيف
16 اختبار العدد العشري من تحديد المواقع
إذا كنت ترغب في اعتراض عدد المواضع بعد عشري ، يمكنك استخدام طريقة tofixed ، مثل:
نسخ رمز رمز على النحو التالي:
var num = 2.443242342 ؛
تنبيه (num.tofixed (2)) ؛
يوفر استخدام TopRecision (X) دقة البت المحدد.
نسخ رمز رمز على النحو التالي:
num = 500.2349 ؛
النتيجة = num.toprecision (4) ؛
17 تحقق مما إذا كانت السلسلة تحتوي على سلاسل أخرى
في الكود التالي ، يمكنك التحقق مما إذا كانت السلسلة تحتوي على سلسلة أخرى في سلسلة. الرمز كما يلي:
نسخ رمز رمز على النحو التالي:
if (! array.prototype.indexof) {
Array.Prototype.indexof = function (obj ، start) {
لـ (var i = (start || 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) ؛
} ؛
}
تتم إعادة كتابة طريقة الفهرس في الكود أعلاه وتحديد طريقة الاستخدام.
نسخ رمز رمز على النحو التالي:
var hay = "يقفز الثعلب البني السريع على الكلب الكسول" ؛
var needle = "Jumps" ؛
ALERT (hay.contains (NEEDLE)) ؛
18 قم بإزالة العناصر المتكررة في صفيف Javscript
يمكن للرمز التالي إزالة العناصر المتكررة في صفيف JavaScript ، على النحو التالي:
نسخ رمز رمز على النحو التالي:
دالة readeduplicates (arr) {
var test = {} ؛
لـ (var i = 0 ؛ i <arr.length ؛ i ++)
درجة الحرارة [arr [i]] = true ؛
var r = [] ؛
لـ (var k في الاختبار)
R.Push (K) ؛
العودة ص.
}
// الاستخدام
var fruits = ['Apple' ، 'Orange' ، 'Peach' ، 'Apple' ، 'Strawberry' ، 'Orange'] ؛
var requiredfruits = redizeduplicates (من) ؛
// Output requiredfruits ['Apple' ، 'Orange' ، 'Peach' ، 'Strawberry'] ؛
19 قم بإزالة المساحة الزائدة في السلسلة
سوف يضيف الكود التالي طريقة trim () إلى السلسلة.
نسخ رمز رمز على النحو التالي:
if (! string.prototype.trim) {
string.prototype.trim = function () {
إرجاع this.replace (/^/s+|/s+$/g ، '') ؛
} ؛
}
// الاستخدام
var str = "بعض السلسلة" ؛
str.trim () ؛
// الإخراج 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-trick/