JavaScript原生对象常用方法总结(推荐)

狼蚁网站SEO优化团队致力于提供高质量的SEO优化服务，同时也在不断地学习和分享技术知识。今天，他们为我们带来了一篇关于JavaScript原生对象常用方法的精彩文章，旨在帮助大家更好地理解和运用JavaScript中的数组操作。

JavaScript中的数组是一种非常实用的数据结构，用于存储多个值。创建数组的方式非常简单，可以通过字面量方式创建，如 `var arr = [];` 或者使用构造函数创建，如 `var arr = new Array();`。数组的长度是可变的，可以在创建时指定长度，也可以不指定。

其中，concat() 方法用于合并两个或多个数组。这个方法会创建一个新的数组，包含所有传递给它的数组的元素。例如，你可以通过 `var arr4 = arr1.concat(arr2, arr3);` 将三个数组合并为一个新数组。

join() 方法则将数组的所有元素连接成一个字符串。默认的分隔符是英文逗号，但你也可以自定义分隔符。例如，`arr.join(".");` 会将数组元素用句号连接起来。

sort() 方法用于对数组进行排序。默认情况下，它按照字母顺序排序。你可以传递一个比较函数作为参数，来自定义排序规则。这个函数接受两个参数，根据函数返回值的大小来决定元素的排序顺序。

还有 pop() 方法用于删除数组的最后一个元素，并返回被删除的元素值。如果数组为空，则不改变数组，并返回 undefined。与之相反，push() 方法则向数组的末尾添加一个或多个元素，并返回新数组的长度。这些方法都是直接操作原数组对象，不会创建副本。

创建数组

在JavaScript中，我们可以使用数组字面量或Array构造函数来创建数组。例如：

```javascript

var arr = new Array(6); // 创建一个包含6个空元素的数组

arr[0] = 5; // 为数组的第一个元素赋值

arr[1] = 23; // 为数组的第二个元素赋值

// ... 其他元素赋值 ...

```

反转数组

JavaScript中的`reverse()`方法用于反转数组中的元素顺序。这个方法直接操作原数组，不会创建新的副本。例如：

```javascript

var arr = [3,5,11,6,90,0]; // 初始数组

arr.reverse(); // 反转数组元素顺序

for(var x in arr){ // 循环遍历数组并弹出每个元素的值

alert(arr[x]);

} // 弹出顺序为：0,90,6,11,5,3

```

移位操作

`shift()`方法用于删除数组的第一个元素，并返回被删除的元素。如果数组已经为空，则shift()不会改变数组，并返回undefined。同样，这个方法也直接操作原数组。例如：

```javascript

var arr = [3,5,11,6,90,0]; // 初始数组

var a = arr.shift(); // 删除第一个元素并获取其值

alert(a); // 弹出值为：3

for(var x in arr){ // 再次循环遍历数组并弹出剩余元素的值

alert(arr[x]); // 弹出顺序为：5,11,6,90,0

}

```

截取操作

`slice(start, end)`方法用于截取数组的一部分，并返回一个新的数组。这个方法不会修改原数组。例如：

```javascript

var arr = [3,5,11,6,90,0]; // 初始数组

var a = arr.slice(2, 4); // 截取从索引2到索引4之间的元素（不包括索引4）并返回新数组

alert(a.join()); // 弹出值为：11,6，使用join()方法将数组元素连接成一个字符串弹出

```

`splice()`方法用于删除、替换和添加元素。它接受四个参数：开始位置、要删除的元素数量、要添加的元素（可选）。例如：

```javascript

var arr = [3,5,11,6,90,0,15,57,70,20]; // 初始数组

var a = arr.splice(0, 4, 1, 2, 3, 4, 5, 6); // 从索引0开始，删除4个元素，并添加8个新元素（1至6）到原数组中对应位置之后的位置。新添加的元素会从原数组的起始位置开始填补空缺并向后移动。新数组会包含被删除的元素。弹出值为：[3, 5]（被删除的元素）并修改原数组为：[1, 2, 3, 4]（被添加的元素）。遍历原数组弹出的顺序会包括被添加和被删除的元素在内。这里不再展示循环遍历的代码。需要注意的是splice()方法会直接修改原数组。另外还有一个unshift()方法可以向数组的开头添加一个或多个元素并返回新长度，其用法类似于shift()，只是添加的元素是从数组的开头开始。至少需要一个参数传入该方法。例如：arr.unshift('element'); 会向数组的开头添加一个元素 'element'，并返回新数组的长度。同样地，这也是直接操作原数组的。JavaScript提供了多种方法来处理数组，包括创建新的数组、反转元素顺序、删除元素并返回它们（shift和slice）、截取部分元素、添加和替换元素（splice），以及向数组的开头添加新元素（unshift）。这些方法的使用使我们能够更灵活地处理数据并实现各种功能。在JavaScript的世界里，数组和字符串都是基础且重要的组成部分，它们有着丰富的操作方法。接下来，让我们深入一下这些方法和它们的实际应用。

让我们看看数组。在JavaScript中，数组是一种特殊的数据类型，它可以包含各种类型的元素。为了增强数组的功能，我们可以为它添加新的方法。例如：

```javascript

var arr = [3,5,11,6,90,0,15,57,70,20];

// 使用unshift()方法将新元素添加到数组的开头

arr.unshift(22, 23, 24);

alert(arr.toString()); // 输出新的数组元素

alert(arr.length); // 输出数组的长度

```

我们还可以为数组添加`indexOf()`和`remove()`方法，以查找特定元素并从数组中删除它。

```javascript

Array.prototypedexOf = function(o){

for(var i = 0, len=this.length; i < len; i++){

if(this[i] == o){

return i;

}

}

return -1;

}

Array.prototype.remove = function(o){

var index = thisdexOf(o);

if(index != -1){

this.splice(index, 1);

}

return this;

}

var arr = [3,5,11,6,90,0,15,57,70,20];

arr.remove(90);

alert(arr.toString()); // 输出移除元素后的数组

alert(arr.length); // 输出数组的新长度

```

接下来，让我们看看Number类的一些常用方法。`toFixed()`方法用于将数字四舍五入到指定的小数位数。而`toPrecision()`方法则用于将数字精确到指定的位数。我们还有一个很有用的`isNaN()`方法，用于判断一个值是否为数字。这些方法可以帮助我们更好地处理和格式化数字数据。例如：

```javascript

var num = 12.5563;

alert(num.toFixed()); // 输出整数部分的值，即"13"

alert(num.toFixed(2)); // 输出保留两位小数的值，即"12.56"或四舍五入后的结果。具体取决于四舍五入规则。 接下来是String类的一些常用方法介绍和示例代码： `charAt(index)`用于返回指定位置的字符； `charCodeAt(index)`用于返回指定字符的ASCII码； `concat()`用于拼接两个或多个字符串； `indexOf()`和 `lastIndexOf()`分别用于查找指定字符在字符串中第一次出现的位置； `match()`用于检索与指定正则表达式匹配的子串； `replace()`用于字符串替换操作。这些方法极大地扩展了字符串处理的能力，使我们可以轻松地执行各种字符串操作。例如： var str = "hello world! how are you? what are you doing?"; var arr = str.`match(/you/g); alert(arr); // 输出所有匹配到的字符片段 var str="1 plus 2 equal 3"; alert(str.`match(/\d\s/g)); // 输出所有数字和空格的组合 最后是replace()方法的示例代码： var str = "Hello world!"; var newStr = str.`replace("world", "JavaScript"); alert(newStr); // 输出替换后的字符串："Hello JavaScript!" JavaScript中的数组和字符串都有丰富的操作方法，这些方法可以帮助我们更轻松地处理数据并生成期望的输出结果。在实际开发中，灵活运用这些方法可以大大提高我们的开发效率和代码质量。" 这是一个生动且详细的介绍JavaScript数组和字符串常用方法的文章，希望对你有所帮助！如果你有任何其他问题或需要进一步的解释，请随时向我提问。"```在编程的世界中，我们常常与各种语言、库和框架打交道。今天，我将带你领略一段关于JavaScript和字符串处理的精彩旅程。

让我们看看一个简单的例子。假设我们有一个字符串 "I like Java"，我们想将其中的 "Java" 替换为 "Javascript"。在JavaScript中，我们可以使用replace方法轻松实现这一点。如果我们想让这个过程更有趣，可以使用一个函数作为replace方法的第二个参数。这个函数接收两个参数：匹配到的子串和该子串在原字符串中的索引位置。这样，我们可以在替换的过程中进行更多的操作。

接下来，让我们一些字符串方法。search方法用于查找子串或正则表达式在原字符串中第一次出现的位置。如果没有找到，则返回-1。slice方法用于截取字符串的一部分，它接收两个参数：开始和结束的索引位置。这个方法不会修改原字符串，而是创建一个新的字符串副本。如果没有找到指定的元素，它将返回一个空字符串。

然后，我们有split方法，它以指定的分隔符或正则表达式的匹配项来分割字符串，并返回一个数组。此方法还可以接收第二个参数，该参数可以限制返回的数组元素的最大数量。我们还有一些其他方法如substr和substring，它们用于截取字符串的一部分，但需要注意的是，substr方法已经不建议使用。

让我们通过一个例子来演示这些方法的使用。假设我们有一个字符串 "hello world!"，我们可以使用slice方法截取最后两个字符。然后，我们可以使用split方法以空格为分隔符将字符串分割成数组。我们还可以使用substring方法来截取特定区间的字符串。所有这些操作都可以帮助我们更好地处理和操作字符串数据。

JavaScript中的字符串处理方法为我们提供了丰富的工具来处理和操作字符串数据。无论是替换、搜索、截取还是分割，我们都可以轻松实现。这些方法的灵活性和易用性使得JavaScript成为处理字符串的强大工具。无论是在Web开发还是其他领域，这些技能都将帮助你更好地应对各种挑战。在编程的世界里，有时候参数的交换、字符串的转换以及日期的处理都是常见的操作。让我们来这些话题，同时将内容转化为生动、吸引人的文本。

参数交换的奇妙世界

如果两个参数的值需要互换，那么在编程中这往往意味着我们要进行一些微小的调整。想象这两个参数像两个小朋友在排队，位置颠倒过来后，队伍就会有所改变。就像在我们的代码中，原本的位置可能是 `[end, start]`，经过交换后变为 `[start, end]`。这种操作虽然简单，但在某些情况下却至关重要。

字符串大小写的转换

字符串是编程中的基本元素之一，它们可以是各种各样的文本内容。我们可以轻松地将它们从小写转换为大写或从大写转换为小写。想象一下字符串像是参与了一场角色扮演游戏，时而扮演威严的大写字母，时而扮演低调的小写字母。调用`toLowerCase()`方法时，字符串就变成小写的角色；而调用`toUpperCase()`方法时，字符串则变成大写的角色。这种转换在日常编程中非常实用。

JavaScript中的日期处理

JavaScript中的Date类方法：getTime与parse

在JavaScript的Date类中，有两个极为实用的方法：getTime和parse。它们分别用于获取和日期。让我们深入了解这两个方法及其相关功能。

让我们理解getTime方法。此方法返回指定的日期距离1970年1月1日00:00:00 UTC之间的毫秒数。这就像是在时间的长河中获取一个“时间点”的坐标，以此为参照，我们可以计算任何我们想要的日期和时间。

接下来是parse方法。这是一个强大的工具，用于将符合规定的日期字符串转换成日期对象，并返回该日期距离1970年1月1日的毫秒数。这个方法非常灵活，可以接受多种格式的日期字符串。例如，它接受如下格式的日期字符串："yyyy/MM/dd"，"yyyy/m/d"，"MM/dd/yyyy"，"M/d/yyyy"，甚至带有时间的格式："yyyy/MM/dd HH:mm:ss"，"yyyy/m/d HH:mm:ss"，"MM/dd/yyyy HH:mm:ss"，"M/d/yyyy HH:mm:ss"。

重要的是要注意，parse方法是Date类的静态方法，不能使用Date对象来调用它，而需要使用Date类来调用。尽管不同的浏览器可能对日期字符串的有些许差异，但上述列举的格式在大多数浏览器中都能被正确。

除了parse方法，Date类还提供了其他方法来操作日期和时间。例如：

setDate(): 设置一个月中的某一天，取值范围1-31。

setDay(): 设置一周中的第几天，也就是星期几，取值范围0-6，其中0表示星期天，6表示星期六。

setMonth(): 设置日期中的月份数字，取值范围0-11，其中0表示1月，11表示12月。这个设定可能初看起来有些不常见，但它是基于JavaScript的月份计数方式。

setFullYear(): 设置日期中的年份数字，采用4位数字表示而不是2位数字的缩写形式。

setHours(), setMinutes(), setSeconds()和setMilliseconds()分别用于设置小时数、分钟数、秒数和毫秒数。这些方法的命名直观易懂，可以帮助我们轻松设置日期的各个部分。

在JavaScript中，Date对象为我们提供了丰富的日期和时间功能。其默认的字符串表示形式并不完全符合我们的需求。我们常常需要自定义日期格式或进行日期的加减操作。让我们深入一下这些功能。

关于Date对象的字符串表示形式。默认的toString方法将日期转换为格林威治标准时间（GMT）格式。为了更方便地获取特定格式的日期字符串，我们可以扩展Date对象的原型来添加一个新的方法。例如：

```javascript

Date.prototype.format = function(format) {

var o = {

"M+": this.getMonth() + 1, // 月份

"d+": this.getDate(), // 日期

"h+": this.getHours(), // 小时

"m+": this.getMinutes(), // 分钟

"s+": this.getSeconds(), // 秒数

// 其他格式...

};

for (var k in o) {

if (new RegExp("(" + k + ")").test(format)) {

format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length));

}

}

return format;

}

```

使用示例：

```javascript

var date = new Date();

alert(date.format("yyyy-MM-dd hh:mm:ss")); // 显示特定格式的日期字符串

```

接下来，关于日期的加减操作。JavaScript的Date对象并没有提供直接的add方法，但我们可以再次扩展Date的原型来添加这个功能：

```javascript

Date.prototype.dateAdd = function(interval, number) {

var d = this;

var k = { / 映射不同的时间单位 / }; // 映射关系省略... 填充相关的时间单位及其对应的设置方法

eval('d.set' + k[interval] + '(d.get' + k[interval] + '()' + ((n[interval]||1)number) + ')'); // 动态生成设置时间的代码片段并执行

return d;

}

```

关于interval参数和number参数的具体说明：

interval参数代表要操作的时间单位（如年、月、日等）。

number参数表示时间间隔的数量，正数表示未来的日期，负数表示过去的日期。例如，dateAdd("m", 1)表示在当前日期上添加一个月。dateAdd("y", -1)表示在当前日期上减去一年。对于像月份这样的时间单位，可能还需要处理边界情况（如不同月份的天数不同等）。在实际应用中需要谨慎处理这些情况。需要注意的是，日期的加减操作需要确保日期的有效性，比如在添加天数时需要注意是否会导致月份或年份的改变。可以通过调整算法来确保结果的正确性。还需要考虑闰年的情况对日期计算的影响。对于日期的差异计算（dateDiff），我们可以同样扩展Date对象的原型来添加这个方法，通过计算两个日期的时间戳差异来获取它们之间的时间间隔。对于Math类中的方法，它们是静态方法，可以直接通过类名调用。例如Math.abs()方法可以获取数字的绝对值。如果提供的参数是字符串，它会尝试将其转换为数字进行计算。如果不能转换，则返回NaN。JavaScript的Date对象为我们提供了强大的日期和时间处理能力，通过扩展其原型可以进一步丰富其功能，满足更复杂的业务需求。在实际应用中需要根据具体需求进行算法设计和错误处理。同时也要注意不同地区对于日期格式和时区处理的不同需求，以确保代码在各种环境下的正确性。JavaScript原生对象中的数学与正则方法

在JavaScript中，原生对象提供了一系列强大的数学和正则方法，让我们来深入理解并欣赏它们的强大功能。

让我们聊聊数学方法。JavaScript的数学对象提供了一系列方便的方法来进行数值计算。

1. `ceil()` 和 `floor()` 方法：这两个方法分别进行向上和向下取整计算。无论传入的参数是数字还是其他类型，它们都会尝试进行数字转换。如果不能转换，将直接返回NaN（非数字）。

2. `max()` 和 `min()` 方法：这两个方法用于找到指定参数中的最大值和最小值。如果参数中有一个不能转换为数字，它们将直接返回NaN。如果没有传入参数，`max()` 返回负无穷大，而 `min()` 返回正无穷大。

3. `pow(x, y)` 方法：此方法返回x的y次幂。如果计算结果是负数或者由于浮点溢出，它将返回NaN或正无穷大。

4. `random()` 方法：这个方法返回一个介于0到1之间的随机数，对于需要随机数据的场景非常有用。

5. `round(x)` 方法：此方法返回与x最接近的整数。它处理正数和负数的舍入方式略有不同，非常精确。

6. `sqrt(x)` 方法：此方法返回一个数的平方根。如果x小于0，它将返回NaN。如果输入无法转换为数字，它也会尝试转换，否则返回NaN。

接下来，我们来看看正则对象。在JavaScript中，正则对象用于处理字符串模式匹配。创建正则对象的两种方式如下：

1. 使用字面量方式创建：/pattern/attributes。其中，pattern是正则表达式部分，attributes是可选参数，包括 "g"、"i" 和 "m" 等属性。g表示全局匹配，i表示忽略大小写，m表示多行匹配。

2. 使用构造函数创建：`new RegExp(pattern, attributes)`，其中第二个参数是可选的。

这篇关于JavaScript原生对象常用方法的文章（推荐）旨在为大家提供一个参考，希望能对大家有所帮助。同时也希望大家能多多支持狼蚁SEO，一起分享更多有关网络知识和技巧。

以上内容由长沙网络推广团队精心撰写和整理，旨在帮助大家更好地理解和使用JavaScript中的数学和正则方法。我们也欢迎大家提出宝贵的反馈和建议，让我们一起共同进步。通过 `cambrian.render('body')`，我们期待为大家呈现更多有趣和实用的内容。