JavaScript常用函数总结

JavaScript 是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML（标准通用标记语言下的一个应用）网页上使用，用来给 HTML 网页增加动态功能。

下面总结一下经常使用到的一些函数。

#### parseInt()
说明：把字符串转成整数。
```javascript
parseInt(string, radix)
```

当参数 `radix` 的值为 `0`，或没有设置该参数时，`parseInt()` 会根据 `string` 来判断数字的基数。

当忽略参数 `radix` , JavaScript 默认数字的基数如下:

> 如果 string 以 `"0x"` 开头，`parseInt()` 会把 string 的其余部分解析为十六进制的整数。
> 如果 string 以 `0` 开头，那么 ECMAScript v3 允许` parseInt()` 的一个实现把其后的字符解析为八进制或十六进制的数字。
> 如果 string 以 `1 ~ 9` 的数字开头，`parseInt()` 将把它解析为十进制的整数。

| 参数 | 描述 |
| --- | --- |
| string | 必需。要被解析的字符串。 |
| radix | 可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。 |

> 注意：只有字符串中的第一个数字会被返回。
> 注意：开头和结尾的空格是允许的。
> 注意：如果字符串的第一个字符不能被转换为数字，那么 `parseInt()` 会返回 `NaN`。
> 注意：在字符串以 `"0"` 为开始时旧的浏览器默认使用八进制基数。ECMAScript 5，默认的是十进制的基数。

#### parseFloat()
说明：把字符串转成浮点数。
```javascript
parseFloat(string)
```

该函数指定字符串中的首个字符是否是数字。如果是，则对字符串进行解析，直到到达数字的末端为止，然后以数字返回该数字，而不是作为字符串。

> 注意：字符串中只返回第一个数字。
> 注意：开头和结尾的空格是允许的。
> 注意：如果字符串的第一个字符不能被转换为数字，那么 `parseFloat()` 会返回 `NaN`。

#### isNaN()
说明：检查其参数是否是非数字值。
```javascript
isNaN(value)
```

如果参数值为 `NaN` 或字符串、对象、`undefined` 等非数字值则返回 `true`, 否则返回 `false`。

#### alert()
说明：要在 window 上弹出的对话框中显示的纯文本（而非 HTML 文本）
```javascript
alert("你好");
```

#### escape()
说明：对字符串进行编码，将字符转换成 Unicode 编码。
```javascript
escape(string)
```

#### unescape()
说明：对字符串进行解码。
```javascript
unescape(string)
```

#### join()
说明：把数组中的所有元素拼接成一个字符串。
```javascript
arrayObject.join(separator)
```

| 参数 | 描述 |
| --- | --- |
| $separator | 可选。指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。 |

返回值：返回一个字符串。该字符串是通过把 `arrayObject` 的每个元素转换为字符串，然后把这些字符串连接起来，在两个元素之间插入 `separator` 字符串而生成的。

#### split()
说明：把一个字符串分割成字符串数组。
```javascript
stringObject.split(separator, howmany)
```

| 参数 | 描述 |
| --- | --- |
| $separator | 必需。字符串或正则表达式，从该参数指定的地方分割 `stringObject`。 |
| $howmany | 可选。该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。 |

返回值：一个字符串数组。该数组是通过在 `separator` 指定的边界处将字符串 `stringObject` 分割成子串创建的。返回的数组中的字串不包括 `separator` 自身。

但是，如果 `separator` 是包含子表达式的正则表达式，那么返回的数组中包括与这些子表达式匹配的字串（但不包括与整个正则表达式匹配的文本）。

> 注意：如果把空字符串 `""` 用作 `separator`，那么 `stringObject` 中的每个字符之间都会被分割。
> 注意：`String.split()` 执行的操作与 `Array.join` 执行的操作是相反的。

#### sort()
说明：对数组的元素进行排序。
```javascript
arrayObject.sort(sortby)
```

| 参数 | 描述 |
| --- | --- |
| sortby | 可选。规定排序顺序。必须是函数。 |

返回值：对数组的引用。请注意，数组在原数组上进行排序，不生成副本。

### indexOf()
说明：返回某个指定的字符串值在字符串中首次出现的位置。
```javascript
stringObject.indexOf(searchvalue,fromindex)
```

| 参数 | 描述 |
| --- | --- |
| searchvalue | 必需。规定需检索的字符串值。 |
| fromindex | 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数，则将从字符串的首字符开始检索。 |

该方法将从头到尾地检索字符串 `stringObject`，看它是否含有子串 `searchvalue`。开始检索的位置在字符串的 `fromindex` 处或字符串的开头（没有指定 `fromindex` 时）。如果找到一个 `searchvalue`，则返回 `searchvalue` 的第一次出现的位置。`stringObject` 中的字符位置是从 0 开始的。

> 注意：`indexOf()` 方法对大小写敏感！
> 注意：如果要检索的字符串值没有出现，则该方法返回 `-1`。

### substring()
说明：提取字符串中介于两个指定下标之间的字符。
```javascript
stringObject.substring(start,stop)
```

| 参数 | 描述 |
| --- | --- |
| start | 必需。一个非负的整数，规定要提取的子串的第一个字符在 stringObject 中的位置。 |
| stop | 可选。一个非负的整数，比要提取的子串的最后一个字符在 stringObject 中的位置多 1。如果省略该参数，那么返回的子串会一直到字符串的结尾。 |

返回值：一个新的字符串，该字符串值包含 `stringObject` 的一个子字符串，其内容是从 `start` 处到 `stop` `-1` 处的所有字符，其长度为 `stop` 减 `start`。

> 注意：`substring()` 方法返回的子串包括 `start` 处的字符，但不包括 `stop` 处的字符。
> 注意：如果参数 `start` 与 `stop` 相等，那么该方法返回的就是一个空串（即长度为 0 的字符串）。如果 start 比 `stop` 大，那么该方法在提取子串之前会先交换这两个参数。

### join()
说明：把数组中的所有元素放入一个字符串，元素是通过指定的分隔符进行分隔的。
```javascript
arrayObject.join(separator)
```

| 参数 | 描述 |
| --- | --- |
| separator | 可选。指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。 |

```javascript
<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr.join())

</script>

// 输出 George,John,Thomas
```

### split()
说明：把一个字符串分割成字符串数组。
```javascript
stringObject.split(separator, howmany)
```

| 参数 | 描述 |
| --- | --- |
| separator | 必需。字符串或正则表达式，从该参数指定的地方分割 stringObject。 |
| howmany | 可选。该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。 |

返回值：
一个字符串数组。该数组是通过在 `separator` 指定的边界处将字符串 `stringObject` 分割成子串创建的。返回的数组中的字串不包括 `separator` 自身。

但是，如果 `separator` 是包含子表达式的正则表达式，那么返回的数组中包括与这些子表达式匹配的字串（但不包括与整个正则表达式匹配的文本）。

```javascript
"2:3:4:5".split(":") //返回["2", "3", "4", "5"]
"hello".split("")    //返回 ["h", "e", "l", "l", "o"]
```

### sort()
说明：对数组的元素进行排序。
```javascript
arrayObject.sort(sortby)
```

| 参数 | 描述 |
| --- | --- |
| sortby | 可选。规定排序顺序。必须是函数。 |

返回值：对数组的引用。请注意，数组在原数组上进行排序，不生成副本。

如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。要实现这一点，首先应把数组的元素都转换成字符串（如有必要），以便进行比较。

如果想按照其他标准进行排序，就需要提供比较函数，该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b，其返回值如下：

> 若 a 小于 b，在排序后的数组中 a 应该出现在 b 之前，则返回一个小于 0 的值。
> 若 a 等于 b，则返回 0。
> 若 a 大于 b，则返回一个大于 0 的值。

JavaScript常用函数总结

相关文章

热门标签

热门文章