JavaScript原生对象类型详解

### JavaScript 原生对象类型详解 JavaScript 作为一种强大的编程语言，提供了丰富的原生对象类型，这些对象类型在处理数据、执行操作和实现功能方面发挥着重要作用。本文将详细介绍 JavaScript 中常见的原生对象类型，包括 String 对象、Array 对象、Math 对象和 Date 对象，并通过具体的代码示例展示它们的使用方法。 #### 1. JavaScript 的数据类型转换 JavaScript 具有自动处理数据类型转换的能力。例如，当你尝试将一个字符串和一个数字相加时，JavaScript 会自动将数字转换为字符串并进行拼接： ```javascript theResult = "23" + 23; // theResult 的值为 "2323" ``` 同样，当你将一个原始字符串当作对象使用时，JavaScript 会临时将其转换为 String 对象，操作完成后再销毁该对象。 #### 2. String 对象 - **创建 String 对象**：可以使用 `new String()` 构造函数创建 String 对象，也可以直接声明一个字符串原始值并将其当作 String 对象使用。 ```javascript var string1 = new String("Hello"); var string2 = "Hello"; ``` - **常用方法和属性** - **length 属性**：返回字符串的字符长度。 ```javascript var myName = new String("Jeremy"); document.write(myName.length); // 输出 6 ``` - **indexOf() 和 lastIndexOf() 方法**：用于在一个字符串中搜索另一个字符串的出现位置。 ```javascript var myString = "Hello jeremy. How are you Jeremy"; var foundAtPosition = myString.indexOf("Jeremy"); alert(foundAtPosition); // 输出 26 ``` - **substr() 和 substring() 方法**：用于截取字符串的一部分。 ```javascript var myString = "JavaScript"; var mySubString = myString.substring(0, 4); alert(mySubString); // 输出 "Java" ``` - **toLowerCase() 和 toUpperCase() 方法**：用于转换字符串的大小写。 ```javascript var myString = "I Don't Care About Case"; if (myString.toLowerCase() == "i don't care about case") { alert("Who cares about case?"); } ``` - **charAt() 和 charCodeAt() 方法**：用于获取字符串中指定位置的字符或字符代码。 ```javascript var myString = prompt("Enter some text", "Hello World!"); var theLastChar = myString.charAt(myString.length - 1); document.write("The last character is " + theLastChar); ``` - **fromCharCode() 方法**：用于将字符代码转换为字符串。 ```javascript var myString = String.fromCharCode(65, 66, 67); // myString 的值为 "ABC" ``` #### 3. Array 对象 - **创建 Array 对象**：可以使用 `new Array()` 构造函数或方括号 `[]` 创建数组。 ```javascript var myArray1 = new Array(); var myArray2 = []; ``` - **常用方法和属性** - **length 属性**：返回数组的元素个数。 ```javascript var names = new Array(); names[0] = "Paul"; names[1] = "Jeremy"; names[11] = "Nick"; document.write("The last name is " + names[names.length - 1]); ``` - **concat() 方法**：用于合并两个数组。 ```javascript var names = new Array("Paul", "Jeremy", "Nick"); var ages = new Array(31, 30, 31); var concatArray = names.concat(ages); ``` - **slice() 方法**：用于复制数组的一部分。 ```javascript var names = new Array("Paul", "Sarah", "Jeremy", "Adam", "Bob"); var slicedArray = names.slice(1, 3); ``` - **join() 方法**：用于将数组元素连接成一个字符串。 ```javascript var myShopping = new Array("Eggs", "Milk", "Potatoes", "Cereal", "Banana"); var myShoppingList = myShopping.join("<br />"); document.write(myShoppingList); ``` - **sort() 方法**：用于对数组元素进行排序。 ```javascript var names = new Array("Paul", "Sarah", "Jeremy", "Adam", "Bob"); names.sort(); ``` - **reverse() 方法**：用于反转数组元素的顺序。 ```javascript var myShopping = new Array("Eggs", "Milk", "Potatoes", "Cereal", "Banana"); myShopping.reverse(); ``` #### 4. Math 对象 Math 对象提供了许多有用的数学函数和数字操作方法，无需创建即可使用。 - **常用属性和方法** - **PI 属性**：表示圆周率。 ```javascript var radius = prompt("Give the radius of the circle", ""); var area = Math.PI * radius * radius; document.write("The area is " + area); ``` - **abs() 方法**：返回一个数的绝对值。 ```javascript var myNumber = -101; document.write(Math.abs(myNumber)); // 输出 101 ``` - **min() 和 max() 方法**：用于找出一组数中的最小值和最大值。 ```javascript var max = Math.max(21, 22); // 结果为 22 var min = Math.min(30.1, 30.2); // 结果为 30.1 ``` - **ceil()、floor() 和 round() 方法**：用于对数字进行四舍五入。 ```javascript var myNumber = 101.01; document.write(Math.ceil(myNumber) + "<br />"); // 输出 102 document.write(parseInt(myNumber)); // 输出 101 ``` - **random() 方法**：返回一个 0 到 1 之间的随机浮点数。 ```javascript var diceThrow = (Math.floor(Math.random() * 6) + 1); document.write(diceThrow + ```