`

javascript 技巧

 
阅读更多
1.可以通过valueOf()或者Join()函数将数组转换成CSV(符号分割值)。

2.CSV转换成数组可以通过split()函数来进行转换。

3.通过索引删除数组中的值。
  function removeByIndex(arr, index) {
    arr.splice(index, 1);
   }
test = new Array();
test[0] = 'Apple';
test[1] = 'Ball';
test[2] = 'Cat';
test[3] = 'Dog';

alert("Array before removing elements: "+test);
removeByIndex(test, 2);
alert("Array after removing elements: "+test);

4.通过value删除数组中的值。
   function removeByValue(arr, val) {
    for(var i=0; i<arr.length; i++) {
        if(arr[i] == val) {
            arr.splice(i, 1);
            break;
        }
       }
    }
    var somearray = ["mon", "tue", "wed", "thur"]
    removeByValue(somearray, "tue");
   
5.随意生成1到n之间的数字。
  //random number from 1 to N
  var random = Math.floor(Math.random() * N + 1);

  //random number from 1 to 10
  var random = Math.floor(Math.random() * 10 + 1);

  //random number from 1 to 100
  var random = Math.floor(Math.random() * 100 + 1);
 
6.四舍五入小数
  parseFloat(值).toFixed(2)//保留小数点几位;

7.判断一个字符串中是否包含了某一个子字符串
<head>   
<script type="text/javascript">
   if (!Array.prototype.indexOf) {
    Array.prototype.indexOf = function(obj, start) {
         for (var i = (start || 0), j = this.length; i < j; i++) {
             if (this[i] === obj) { return i; }
         }
         return -1;
    }
  }

   if (!String.prototype.contains) {
    String.prototype.contains = function (arg) {
        return !!~this.indexOf(arg);
    };
   }

  function checkstring() {
    var foo = document.getElementById("foo").value;
    var bar = document.getElementById("bar").value;

    alert(foo.contains(bar));
   }
</script>
</head>
<body>
    Enter two strings and check if Strign 1 contains String 2.<br><br>
  String 1: <input id="foo" type="text" value="a quick brown fox jumps over"><br><br>
  String 2: <input id="bar" type="text" value="fox jumps"><br><br>
  <button onclick="checkstring()">Click to check if String 1 contains String 2</button>
</body>

8.去除数组中重复的元素。
  function removeDuplicates(arr) {
    var temp = {};
    for (var i = 0; i < arr.length; i++)
        temp[arr[i]] = true;

    var r = [];
    for (var k in temp)
        r.push(k);
    return r;
   }

   //Usage
  var fruits = ['apple', 'orange', 'peach', 'apple', 'strawberry', 'orange'];
  var uniquefruits = removeDuplicates(fruits);
 
9.去除空字符串。
  <Script type="text/javascript">
    if (!String.prototype.trim) {
      String.prototype.trim=function() {
      return this.replace(/^\s+|\s+$/g, '');
      };
    }
    //usage
    var str = "  some string    ";
    str.trim();
    //print str = "some string"
  </script>

10.检查表单是否已经修改。
  function formIsDirty(form) {
      for (var i = 0; i < form.elements.length; i++) {
        var element = form.elements[i];
        var type = element.type;
        if (type == "checkbox" || type == "radio") {
          if (element.checked != element.defaultChecked) {
            return true;
          }
        }
        else if (type == "hidden" || type == "password" ||
                 type == "text" || type == "textarea") {
          if (element.value != element.defaultValue) {
            return true;
          }
        }
        else if (type == "select-one" || type == "select-multiple") {
          for (var j = 0; j < element.options.length; j++) {
            if (element.options[j].selected !=
                element.options[j].defaultSelected) {

              return true;
            }
          }
        }
      }
      return false;
    }
  调用:
   <form name="fooForm"></form>
   <button onclick="alert(formIsDirty(document.fooForm))">Click to check if Form is Dirty</button><br> 
分享到:
评论

相关推荐

    javascript技巧精心收集

    "javascript技巧精心收集"这个主题包含了一系列关于JavaScript编程的实用技巧和资源,旨在帮助开发者提升技能和效率。以下是一些从提供的文件名中提炼出的关键知识点: 1. **jsp技巧.txt**:这可能涉及到JavaServer...

    JavaScript技巧200多个

    这个名为"JavaScript技巧200多个"的资源显然包含了大量实用的编程技巧,可以帮助开发者提升JavaScript编程效率和代码质量。以下是一些可能包含在JS技巧200个.txt文件中的关键知识点: 1. **变量声明与作用域**:...

    javascript技巧(珍藏版)

    ### JavaScript技巧(珍藏版) 在本篇珍藏已久的JavaScript技巧分享中,我们将深入探讨一些实用且高效的JavaScript小技巧,这些技巧旨在帮助新手快速提升编程技能,并为日常开发带来便利。 #### 技巧1:类型转换 在...

    早该知道的7个JavaScript技巧

    以下是你需要了解的7个JavaScript技巧: 1. **简洁写法创建对象和数组**: 在JavaScript中,创建对象的传统方式是使用`new Object()`并逐个添加属性,而简洁写法允许你直接使用大括号 `{}` 来定义对象,如`var car...

    JavaScript技巧

    JavaScript技巧

    40种网站常用Javascript技巧

    根据提供的文件信息,我们可以归纳总结出40种网站常用的JavaScript技巧中的部分知识点。这些技巧主要应用于网页开发中,用于增强用户体验、实现特定功能或优化页面性能。下面将详细阐述每一点涉及的技术细节。 ### ...

    40种JAVASCRIPT技巧大全

    本文将围绕“40种JavaScript技巧大全”这一主题,深入探讨JavaScript的一些核心技巧,帮助开发者提升技能水平。 1. **变量与数据类型**:理解JavaScript中的var、let和const关键字,以及它们在作用域和变量提升上的...

    收集的javascript 技巧

    ### JavaScript技巧与方法详解 #### 引言 在IT领域,JavaScript作为一种被广泛使用的脚本语言,其在网页开发中的地位不可撼动。无论是前端开发还是后端Node.js的应用,JavaScript都扮演着至关重要的角色。本文旨在...

    javascript技巧

    ### JavaScript技巧详解 #### 一、JavaScript控制页面控件隐藏与显示 在Web开发中,经常需要通过JavaScript来控制页面上元素的隐藏与显示。这不仅能够提高用户体验,还能够帮助开发者实现更复杂的动态效果。 **...

    百例JavaScript技巧

    "百例JavaScript技巧"这个主题覆盖了各种实用的JavaScript编程技巧,旨在帮助开发者提升技能,提高工作效率。以下是根据这个主题可能会涵盖的一些关键知识点: 1. **基础语法**:JavaScript的基础包括变量声明(var...

    超实用的JavaScript技巧及最佳实践

    标题《超实用的JavaScript技巧及最佳实践》已经给出了文章的主题内容方向,它关注的是在日常开发中能显著提高效率与代码质量的JavaScript编程技巧以及最佳实践。JavaScript作为一门流行的编程语言,广泛应用于web...

    JavaScript技巧之如何实现鼠标跟随文字.pdf

    JavaScript技巧之如何实现鼠标跟随文字.pdf 本文将详细介绍如何使用JavaScript实现鼠标跟随文字的效果,该效果可以在网页上显示一行文本,并跟随鼠标的移动。 标题解释 "JavaScript技巧之如何实现鼠标跟随文字"是...

    Javascript 技巧

    在"很炫的哦"这个标签下,我们可以期待一些创新且引人入胜的JavaScript技巧。下面,我们将深入探讨一些JavaScript的核心知识点,以及如何利用这些技巧提升你的编程技能。 1. **DOM操作**:JavaScript与HTML文档对象...

    JavaScript技巧收集(200多个)

    【JavaScript 技巧收集(200 多个)】是...以上是JavaScript技巧收集的一部分,它们展示了JavaScript在网页交互、样式控制和用户体验提升方面的强大能力。掌握这些技巧可以帮助开发者创建更富于互动性和吸引力的Web应用。

    JavaScript技巧收集.7z

    这个"JavaScript技巧收集.7z"压缩包很可能是包含了一系列关于JavaScript编程的实用技巧、代码片段或者示例项目。尽管没有具体的标签提供额外信息,我们可以从常见的JavaScript知识点出发,来探讨一些重要的概念和...

    javascript技巧(javascript调用C#方法)个人学习笔记

    javascript技巧(javascript调用C#方法) 个人笔记

    JavaScript Array对象详解-javascript技巧.pdf

    JavaScript Array对象详解_javascript技巧

    Javascript技巧大集合时间.htm )

    Javascript技巧大集合时间.htm ) Javascript技巧大集合时间.htm ) Javascript技巧大集合时间.htm )

    18个JavaScript技巧:编写简洁高效的代码.pdf

    ### JavaScript技巧概览 本文将深入探讨《18个JavaScript技巧:编写简洁高效的代码》PDF文档中提及的一些关键技巧,并详细解释每个技巧的实际应用及背后原理。这些技巧旨在帮助开发者提高代码质量和效率。 #### 1....

Global site tag (gtag.js) - Google Analytics