JavaScript常用内置对象用法分析

JavaScript常用内置对象用法分析攻略

什么是内置对象

在JavaScript中，常用内置对象是指自带的对象，无需额外导入或安装插件便可直接使用的对象。比如：数组对象、字符串对象、数学对象、日期对象等。

常用内置对象用法分析

数组对象

数组对象是JavaScript中重要的内置对象之一。数组对象用法如下：

1. 创建数组

var arr = new Array(); // 定义空数组
var arr = []; // 定义空数组，推荐使用该方法

1. 添加元素

var arr = [1, 2]; // 定义数组
arr.push(3); // 在数组尾添加元素3

1. 删除元素

var arr = [1, 2, 3];
arr.splice(1, 1); // 删除数组中下标为1的元素，也就是数字2

字符串对象

字符串对象是JavaScript中表示字符串的内置对象之一。字符串对象用法如下：

1. 创建字符串

var str = 'hello world'; // 定义字符串

1. 查找字符

var str = 'hello world'; // 定义字符串
str.indexOf('o'); // 找到第一个字符o在字符串中的下标，结果为4

1. 替换字符

var str = 'hello world'; // 定义字符串
str.replace('o', 'O'); // 将第一个字符o替换为O，结果为'hellO world'

Math对象

Math对象是JavaScript中表示数学运算的内置对象之一。常用Math对象的属性和方法如下：

1. 常量

Math.PI; // 圆周率，结果为3.141592653589793
Math.E; // 自然常数，结果为2.718281828459045

1. 随机数

Math.random(); // 返回0~1之间的随机数

1. 取整

Math.ceil(1.5); // 向上取整，结果为2
Math.floor(1.5); // 向下取整，结果为1

示例说明

示例1：使用数组对象

在网页中，我们可以使用数组对象动态添加列表数据。示例代码如下：

var arr = ['apple', 'banana', 'orange'];
var list = document.querySelector('ul'); // 获取ul标签
arr.forEach(function(item) {
  var li = document.createElement('li'); // 创建li标签
  li.textContent = item; // 添加文本内容
  list.appendChild(li); // 添加到ul标签中
});

代码分析：首先我们定义一个数组对象，并使用forEach方法遍历数组，获取每个元素的值并添加到li标签的文本内容中，最后将li标签添加到ul标签中。

示例2：使用Math对象

在我们开发的网站中，可能需要随机显示广告等内容，这时我们可以使用Math.random()方法来生成随机数。示例代码如下：

var m = ['img1.jpg', 'img2.jpg', 'img3.jpg'];
var n = Math.floor(Math.random() * m.length);
var img = document.querySelector('img');
img.setAttribute('src', m[n]);

代码分析：我们定义了一个m数组，随机生成0~2之间的随机数，最后将数组中对应下标的图片添加到img标签中。