JS常用的标准函数

原文出处: YouYaInsist 的博客   欢迎分享原创到伯乐头条

1、Array类型函数

array.concat(item…)

函数功能:关联数组,实现数组相加功能,但并不影响原先数组,concat返回新数组。

array.join(separator)

函数功能:将array中的每个元素用separator为分隔符构造成字符串,默认的separator是逗号,当然你可以自己指定separator

事实上join方法最常用的地方在字符串相加,用过js的人都知道js的字符串相加是特别慢且性能特别差的,把大量片段字符串放在一个数组中并用join方法连接比用+连接要快得多。

array.pop()

pop和push方法使数组array像堆栈一样工作。

函数功能:pop方法移除array中的最后一个元素并返回该元素。

如果array是空的,则返回undefined;

array.push(item…)

函数功能:push方法将一个或多个item参数附加到array尾部。但是它不像concat方法那样,push方法不会修改item参数,如果参数item是一个数组,它会将参数数组作为单个元素整个添加到数组中,它返回array的新长度

array.reverse()

函数功能:反转array中元素的顺序,返回当前array

array.shift()

函数功能:移除array中的第一个元素并返回该元素,如果array是空的,它会返回undefined。

shift比pop要慢很多

array.slice(start,end)

函数功能:对array中的一段做浅复制。end参数是可选的,默认值为数组的长度array.length。

如果两个参数中任何一个是负数,array.length将和它们相加来试图将它们成为非负数。

如果start大于等于array.length,得到的结果将是一个新的空数组

array.sort(compareFn)

函数功能:对array中的内容进行排序。


1

2

3

4

5

var n = [4, 8, 15, 16, 23, 43];

n.sort(function (a, b) {

       return a - b;

});

console.log(n); //[4, 8, 15, 16, 23, 43]


1

2

3

4

5

6

7

8

9

10

11

var m = [‘aa‘, ‘bb‘, ‘a‘, 4, 8, 15, 16, 23, 43];

m.sort(function (a, b) {

if (a === b) {

    return 0;

}

if (typeof a === typeof b) {

    return a < b ? -1 : 1;

}

return typeof a < typeof b ? -1 : 1;

});

console.log(m); //[4, 8, 15, 16, 23, 43, "a", "aa", "bb"]


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

var compare = function(name) {

    return function(o, p) {

        var a, b;

        if (typeof o === ‘object‘ && typeof p === ‘object‘ && o && p) {

            a = o[name];

            b = p[name];

            if (a === b) {

                return 0;

            }

            if (typeof a === typeof b) {

                return a < b ? -1 : 1;

            }

            return typeof a < typeof b ? -1 : 1;

        } else {

            throw {

                name : "Error",

                message : ‘Expected an object when sorting by ‘ + name

            };

        }

    };

};

var s = [ {

    first : ‘Joe‘,

    last : ‘Felix‘

}, {

    first : ‘Moe‘,

    last : ‘Besser‘

}, {

    first : ‘Joe‘,

    last : ‘Howard‘

}, {

    first : ‘Shemp‘,

    last : ‘DeRita‘

}, {

    first : ‘Larry‘,

    last : ‘Howard‘

}, {

    first : ‘Curly‘,

    last : ‘Fine‘

}, {

    first : ‘Shirly‘,

    last : ‘Angela‘

}

];

s.sort(compare(‘first‘));

/*

 * s = [ { first: ‘Curly‘, last: ‘Fine‘ }, { first: ‘Joe‘, last: ‘Felix‘ }, {

 * first: ‘Joe‘, last: ‘Howard‘ }, { first: ‘Larry‘, last: ‘Howard‘ }, { first:

 * ‘Moe‘, last: ‘Besser‘ }, { first: ‘Shemp‘, last: ‘DeRita‘ }, { first:

 * ‘Shirly‘, last: ‘Angela‘ } ];

 */

array.splice(start,deleteCount,item…)

函数功能:从array中移除1个或多个元素,并用新的item替换它们。返回一个包含移除元素的数组。

array.unshift(item…)

函数功能:将item插入到array的开始部位。返回array的新长度值。

2、Function类型函数

function.apply(thisArg,argArray)


1

2

3

4

5

6

7

8

9

10

11

12

13

14

Function.prototype.bind = function(that) {

    // 返回一个函数,调用这个函数就像它是那个对象的方法一样

    var method = this, slice = Array.prototype.slice, args = slice.apply(

            arguments, [ 1 ]);

    return function() {

        return method.apply(that, args.concat(slice.apply(arguments, [ 0 ])));

    };

};

var x = function() {

    return this.value;

}.bind({

    value : 666

});

console.log(x());// 666

3、Number类型函数

number.toExponential(fractionDigits)

函数功能:把number转换成一个指数形式的字符串。可选参数fractionDigits控制其小数点后的数字位数,它的值必须在0到20之间。

number.toFixed(fractionDigits)

函数功能:把number转换成一个十进制形式的字符串。可选参数fractionDigits控制其小数点后的数字位数,它的值必须在0到20之间。默认为0。

number.toPrecision(precision)

函数功能:把number转换成一个十进制形式的字符串。可选参数fractionDigits控制其小数点后的数字位数,它的值必须在1到21之间。

number.toString(radix)

函数功能:把number转换成一个字符串。可靠参数radix控制基数,它的值必须在2和36之间,默认为10

4、Object类型函数

object.hasOwnProperty(name)

函数功能:如果object包含名为name的属性,hasOwnProperty方法将返回true,原型链中的同名属性是不会被检查的。


1

2

3

4

5

for (name in obj) {

      if (obj.hasOwnProperty(name)) {

          console.log(obj[name]);

      }

}

5、Regexp类型函数

regexp.exec(string)

函数功能:成功匹配regexp和字符串,返回一个数组。

数组中下标为0的元素包含正则表达式regexp匹配的子字符串

下标为1的元素是分组1捕获的文本,下标为2的元素是分组2捕获的文本,依此类推。如果匹配失败,就返回null。

如果regexp带有一个g(全局)标志,查找不是从这个字符串起始位置开始,而是从regexp.lastIndex(它的初始值为0)位置开始,如果匹配成功,那么regexp.lastIndex将被设置为该匹配后第一个字符的位置。  不成功的匹配会重置regexp.lastIndex为0

regexp.test(string)

函数功能:如果regexp匹配string,返回true 否则返回false

6、String类型函数

string.charAt(pos)

函数功能:返回在string中pos位置处的字符。

如果pos小于0或者大于string.length,将返回空字符串

string.charCodeAt(pos)

函数功能:返回在string中pos位置处的字符的字符编码。

string.concat(string…)

函数功能:连接字符串(不过很少被使用,因为用运算符+也能实现这个功能)

string.indexOf(searchString,position)

函数功能:在string内查找另一个字符串searchString,如果找到则返回第一个匹配字符的位置,否则返回-1。

可选参数position可设置从string的某个位置开始查找。

string.lastIndexOf(searchString,position)

函数功能:跟indexOf方法类似,区别是从字符串的末尾开始查找而不是从开头。

string.localCompare(that)

函数功能:比较两个字符串

string.match(regexp)

函数功能:匹配一个字符串和一个正则表达式。

如果没有g标识,string.match(regexp)和regexp.exec(string)结果相同。

如果有g标识,返回一个包含除捕获分组之处的所有匹配的数组。

string.replace(searchValue,replaceValue)

函数功能:对string进行查找和替换操作,并返回一个新的字符串。


1

2

3

var oldAreaCode = /\((\d{3})\)/g;

var p = ‘(555)(666)-1212‘.replace(oldAreaCode, ‘$1-‘);

console.log(p);//555-666--1212

string.search(regexp)

函数功能:和indexOf方法类似,只是它接受一个正则表达式作为参数而不是一个字符串,如果找到匹配返回第一个匹配的首字符位置,如果没有找到匹配,则返回-1。

string.slice(start,end)

函数功能:复制string的一部分来构造一个新的字符串。

如果start参数是负数,它将与string.length相加。end参数是可选的,并且它的默认值是string.length。如果end参数是负数,它将与string.length相加。end参数是一个比最末一个字符的位置值还大的数。

string.split(separator,limit)

函数功能:把string分割成片段来创建一个字符串数组。可选参数limit可以限制被分割的片段数量。


1

2

var digits = ‘0123456789‘;

var a = digits.split(‘‘, 5); //["0", "1", "2", "3", "4"]

string.substring(start,end)

函数功能:substring的用法和slice方法一样,只是它不能处理负数参数,一般性的用slice替代它。

string.toLocalLowerCase()

函数功能:用本地化的规则把string中的所有字母转换为小写格式。

string.toLocalUpperCase()

函数功能:用本地化的规则把string中的所有字母转换为大写格式。

string.toLowerCase()

函数功能: 把string中的所有字母都转化为小写格式。

string.toUpperCase()

函数功能: 把string中的所有字母都转化为大格式。

string.fromCharCode(char…)

函数功能:从一串数字中返回一个字符串。


1

2

var a = String.fromCharCode(67, 97, 116);

console.log(a);//Cat;原文出处: YouYaInsist 的博客   欢迎分享原创到伯乐头条

1、Array类型函数

array.concat(item…)

函数功能:关联数组,实现数组相加功能,但并不影响原先数组,concat返回新数组。

array.join(separator)

函数功能:将array中的每个元素用separator为分隔符构造成字符串,默认的separator是逗号,当然你可以自己指定separator

事实上join方法最常用的地方在字符串相加,用过js的人都知道js的字符串相加是特别慢且性能特别差的,把大量片段字符串放在一个数组中并用join方法连接比用+连接要快得多。

array.pop()

pop和push方法使数组array像堆栈一样工作。

函数功能:pop方法移除array中的最后一个元素并返回该元素。

如果array是空的,则返回undefined;

array.push(item…)

函数功能:push方法将一个或多个item参数附加到array尾部。但是它不像concat方法那样,push方法不会修改item参数,如果参数item是一个数组,它会将参数数组作为单个元素整个添加到数组中,它返回array的新长度

array.reverse()

函数功能:反转array中元素的顺序,返回当前array

array.shift()

函数功能:移除array中的第一个元素并返回该元素,如果array是空的,它会返回undefined。

shift比pop要慢很多

array.slice(start,end)

函数功能:对array中的一段做浅复制。end参数是可选的,默认值为数组的长度array.length。

如果两个参数中任何一个是负数,array.length将和它们相加来试图将它们成为非负数。

如果start大于等于array.length,得到的结果将是一个新的空数组

array.sort(compareFn)

函数功能:对array中的内容进行排序。


1

2

3

4

5

var n = [4, 8, 15, 16, 23, 43];

n.sort(function (a, b) {

       return a - b;

});

console.log(n); //[4, 8, 15, 16, 23, 43]


1

2

3

4

5

6

7

8

9

10

11

var m = [‘aa‘, ‘bb‘, ‘a‘, 4, 8, 15, 16, 23, 43];

m.sort(function (a, b) {

if (a === b) {

    return 0;

}

if (typeof a === typeof b) {

    return a < b ? -1 : 1;

}

return typeof a < typeof b ? -1 : 1;

});

console.log(m); //[4, 8, 15, 16, 23, 43, "a", "aa", "bb"]


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

var compare = function(name) {

    return function(o, p) {

        var a, b;

        if (typeof o === ‘object‘ && typeof p === ‘object‘ && o && p) {

            a = o[name];

            b = p[name];

            if (a === b) {

                return 0;

            }

            if (typeof a === typeof b) {

                return a < b ? -1 : 1;

            }

            return typeof a < typeof b ? -1 : 1;

        } else {

            throw {

                name : "Error",

                message : ‘Expected an object when sorting by ‘ + name

            };

        }

    };

};

var s = [ {

    first : ‘Joe‘,

    last : ‘Felix‘

}, {

    first : ‘Moe‘,

    last : ‘Besser‘

}, {

    first : ‘Joe‘,

    last : ‘Howard‘

}, {

    first : ‘Shemp‘,

    last : ‘DeRita‘

}, {

    first : ‘Larry‘,

    last : ‘Howard‘

}, {

    first : ‘Curly‘,

    last : ‘Fine‘

}, {

    first : ‘Shirly‘,

    last : ‘Angela‘

}

];

s.sort(compare(‘first‘));

/*

 * s = [ { first: ‘Curly‘, last: ‘Fine‘ }, { first: ‘Joe‘, last: ‘Felix‘ }, {

 * first: ‘Joe‘, last: ‘Howard‘ }, { first: ‘Larry‘, last: ‘Howard‘ }, { first:

 * ‘Moe‘, last: ‘Besser‘ }, { first: ‘Shemp‘, last: ‘DeRita‘ }, { first:

 * ‘Shirly‘, last: ‘Angela‘ } ];

 */

array.splice(start,deleteCount,item…)

函数功能:从array中移除1个或多个元素,并用新的item替换它们。返回一个包含移除元素的数组。

array.unshift(item…)

函数功能:将item插入到array的开始部位。返回array的新长度值。

2、Function类型函数

function.apply(thisArg,argArray)


1

2

3

4

5

6

7

8

9

10

11

12

13

14

Function.prototype.bind = function(that) {

    // 返回一个函数,调用这个函数就像它是那个对象的方法一样

    var method = this, slice = Array.prototype.slice, args = slice.apply(

            arguments, [ 1 ]);

    return function() {

        return method.apply(that, args.concat(slice.apply(arguments, [ 0 ])));

    };

};

var x = function() {

    return this.value;

}.bind({

    value : 666

});

console.log(x());// 666

3、Number类型函数

number.toExponential(fractionDigits)

函数功能:把number转换成一个指数形式的字符串。可选参数fractionDigits控制其小数点后的数字位数,它的值必须在0到20之间。

number.toFixed(fractionDigits)

函数功能:把number转换成一个十进制形式的字符串。可选参数fractionDigits控制其小数点后的数字位数,它的值必须在0到20之间。默认为0。

number.toPrecision(precision)

函数功能:把number转换成一个十进制形式的字符串。可选参数fractionDigits控制其小数点后的数字位数,它的值必须在1到21之间。

number.toString(radix)

函数功能:把number转换成一个字符串。可靠参数radix控制基数,它的值必须在2和36之间,默认为10

4、Object类型函数

object.hasOwnProperty(name)

函数功能:如果object包含名为name的属性,hasOwnProperty方法将返回true,原型链中的同名属性是不会被检查的。


1

2

3

4

5

for (name in obj) {

      if (obj.hasOwnProperty(name)) {

          console.log(obj[name]);

      }

}

5、Regexp类型函数

regexp.exec(string)

函数功能:成功匹配regexp和字符串,返回一个数组。

数组中下标为0的元素包含正则表达式regexp匹配的子字符串

下标为1的元素是分组1捕获的文本,下标为2的元素是分组2捕获的文本,依此类推。如果匹配失败,就返回null。

如果regexp带有一个g(全局)标志,查找不是从这个字符串起始位置开始,而是从regexp.lastIndex(它的初始值为0)位置开始,如果匹配成功,那么regexp.lastIndex将被设置为该匹配后第一个字符的位置。  不成功的匹配会重置regexp.lastIndex为0

regexp.test(string)

函数功能:如果regexp匹配string,返回true 否则返回false

6、String类型函数

string.charAt(pos)

函数功能:返回在string中pos位置处的字符。

如果pos小于0或者大于string.length,将返回空字符串

string.charCodeAt(pos)

函数功能:返回在string中pos位置处的字符的字符编码。

string.concat(string…)

函数功能:连接字符串(不过很少被使用,因为用运算符+也能实现这个功能)

string.indexOf(searchString,position)

函数功能:在string内查找另一个字符串searchString,如果找到则返回第一个匹配字符的位置,否则返回-1。

可选参数position可设置从string的某个位置开始查找。

string.lastIndexOf(searchString,position)

函数功能:跟indexOf方法类似,区别是从字符串的末尾开始查找而不是从开头。

string.localCompare(that)

函数功能:比较两个字符串

string.match(regexp)

函数功能:匹配一个字符串和一个正则表达式。

如果没有g标识,string.match(regexp)和regexp.exec(string)结果相同。

如果有g标识,返回一个包含除捕获分组之处的所有匹配的数组。

string.replace(searchValue,replaceValue)

函数功能:对string进行查找和替换操作,并返回一个新的字符串。


1

2

3

var oldAreaCode = /\((\d{3})\)/g;

var p = ‘(555)(666)-1212‘.replace(oldAreaCode, ‘$1-‘);

console.log(p);//555-666--1212

string.search(regexp)

函数功能:和indexOf方法类似,只是它接受一个正则表达式作为参数而不是一个字符串,如果找到匹配返回第一个匹配的首字符位置,如果没有找到匹配,则返回-1。

string.slice(start,end)

函数功能:复制string的一部分来构造一个新的字符串。

如果start参数是负数,它将与string.length相加。end参数是可选的,并且它的默认值是string.length。如果end参数是负数,它将与string.length相加。end参数是一个比最末一个字符的位置值还大的数。

string.split(separator,limit)

函数功能:把string分割成片段来创建一个字符串数组。可选参数limit可以限制被分割的片段数量。


1

2

var digits = ‘0123456789‘;

var a = digits.split(‘‘, 5); //["0", "1", "2", "3", "4"]

string.substring(start,end)

函数功能:substring的用法和slice方法一样,只是它不能处理负数参数,一般性的用slice替代它。

string.toLocalLowerCase()

函数功能:用本地化的规则把string中的所有字母转换为小写格式。

string.toLocalUpperCase()

函数功能:用本地化的规则把string中的所有字母转换为大写格式。

string.toLowerCase()

函数功能: 把string中的所有字母都转化为小写格式。

string.toUpperCase()

函数功能: 把string中的所有字母都转化为大格式。

string.fromCharCode(char…)

函数功能:从一串数字中返回一个字符串。


1

2

var a = String.fromCharCode(67, 97, 116);

console.log(a);//Cat;

时间: 2024-11-13 03:55:14

JS常用的标准函数的相关文章

js常用功能代码

js常用功能代码(持续更新): 1,--折叠与展开 <input id="btnDisplay" type="button" class="baocun2" value="添加" onclick="changeDisplay()" /> <script type="text/javascript"> function changeDisplay() { var h

JS常用字符串处理方法总结

1.indexOf()方法,从前往后查找字符串位置,大小写敏感,从0开始计数.同理,lastIndexOf() 方法从后往前,两个方法对于相同的检索条件输出的结果是一样的 例如: <script type="text/javascript"> var str="Hello World!" document.write(str.indexOf("Hello"))//输出0 document.write(str.indexOf("

js 常用正则表达式表单验证代码

js 常用正则表达式表单验证代码 js 常用正则表达式表单验证代码,以后大家就可以直接使用了. 正则表达式使用详解 简介 简单的说,正则表达式是一种可以用于模式匹配和替换的强有力的工具.其作用如下:测试字符串的某个模式.例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式.这称为数据有效性验证.替换文本.可以在文档中使用一个正则表达式来标识特定文字,然后可以全部将其删除,或者替换为别的文字.根据模式匹配从字符串中提取一个子字符串.可以用来在文本或输入字段中

JS 常用正则表达式

匹配负整数的正则表达式: -[0-9]*[1-9][0-9]* 匹配整数的正则表达式: -?\\d+ 匹配非负浮点数(正浮点数 + 0)的正则表达式: \\d+(\\.\\d+)? 匹配正浮点数的正则表达式: (([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)) 匹配非正浮点数(负浮点数 + 0)的正则表达式: ((-\\d+(\\.\\d+)?)|(0+(\\.0+)?)) 匹配负浮点数的

js 常用函数

document.getElementById("email").setAttribute("属性","属性名");//动态添加ID.class等 document.getElementById("email"). remoAttribute("属性","属性名");//动态删除属性.如ID.Class等 js 常用函数,布布扣,bubuko.com

js常用的验证正则表达式

js 正则表达式使用讲解:各种验证语法 intege:"^-?[1-9]//d*$",     //整数 intege1:"^[1-9]//d*$",     //正整数 intege2:"^-[1-9]//d*$",     //负整数 num:"^([+-]?)//d*//.?//d+$",   //数字 num1:"^[1-9]//d*|0$",     //正数(正整数 + 0) num2:&quo

js常用工具类.

一些js的工具类 复制代码 /** * Created by sevennight on 15-1-31. * js常用工具类 */ /** * 方法作用:[格式化时间] * 使用方法 * 示例: * 使用方式一: * var now = new Date(); * var nowStr = now.dateFormat("yyyy-MM-dd hh:mm:ss"); * 使用方式二: * new Date().dateFormat("yyyy年MM月dd日");

js常用框架

JS常用框架:jQuery.Prototype.MooTools 参考:w3cshool jQuery jQuery 是目前最受欢迎的 JavaScript 框架. 它使用 CSS 选择器来访问和操作网页上的 HTML 元素(DOM 对象). jQuery 同时提供 companion UI(用户界面)和插件. $符号是jquery的选择器核心.详细见w3cshool jQuery 教程 Prototype Prototype 是一种库,提供用于执行常见 web 任务的简单 API. API 是

JS常用表单验证总结

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <ti