JavaScript基础入门:语法、内置对象与常用方法详解

作者:像素漫游时间:2026-10-29 12:30:42浏览:159

本文系统梳理JavaScript基础语法,涵盖脚本嵌入方式、DOM获取、注释及变量声明。重点解析Number、String、Array、Date及Math等内置对象的核心属性与方法,包括字符串截取、数组增删改查及数学运算,帮助开发者快速掌握JS核心API。

JavaScript脚本嵌入与基础语法

在HTML文档中,JavaScript代码必须被包裹在 <script> 和 </script> 标签之间,以便浏览器识别并执行。

这些脚本标签可以放置在HTML页面的 <head> 部分,也可以放置在 <body> 部分中,具体位置取决于脚本执行的时机需求。

若需通过JavaScript访问特定的HTML元素,可使用 document.getElementById(id) 方法,该方法通过元素的ID属性获取对应的DOM对象。

使用 document.write() 方法可以向HTML文档直接写入内容,包括HTML标签。需要注意的是,如果在文档加载完成后调用此方法,将会覆盖整个现有的HTML文档内容。

JavaScript支持两种注释方式:单行注释使用 //,多行注释使用 /**/。

变量声明使用 var 关键字。由于JavaScript是弱类型语言,声明变量时不需要显式指定数据类型,解释器会根据赋值自动推断类型。

变量与函数定义示例


  var x=1  //number

  var x="a" //字符串

  var x=true  //boolean

  var x  //x无值,undefined

函数定义使用 function 关键字,基本语法结构为 function 函数名() { 函数体; }。


  function 函数名(){

    函数体;

  }

Number与String内置对象详解

可以通过 var num=new Number() 语法来声明一个Number对象,用于处理数值相关的复杂操作。

Number.MAX_VALUE 最大数值 Number.MIN_VALUE 最小数值 Number.NaN 特殊的非数字值 Number.NEGATIVE_INFINITY 负无穷大 Number.POSITIVE_INFINITY 正无穷大 Number.toExponential( ) 用指数计数法格式化数字 Number.toFixed( ) 采用定点计数法格式化数字 Number.toLocaleString( ) 把数字转换成本地格式的字符串 Number.toPrecision( ) 格式化数字的有效位 Number.toString( ) 将—个数字转换成字符串 Number.valueOf( ) 返回原始数值 8. var str = new String() //申明一个字符串对象

对于字符串对象,使用 var str = new String() 进行声明。str.substr(start,length) 方法用于抽取子串,start指定起始位置,length指定长度(省略则截取至末尾),该方法不修改原字符串。

str.substring(from,to) 方法返回从from到to(包含from,不包含to)的子串。若from大于to,该方法会自动交换参数位置进行截取。

Str.toLowerCase() 方法用于将字符串转换为小写形式。

Str.toUpperCase() 方法用于将字符串转换为大写形式。

str.split() 方法按照指定的分隔符将字符串分割成数组。

str.slice() 方法与substring()类似,但支持负数参数,行为与Array.slice()相似,提供了更灵活的截取方式。

str.concat() 方法用于连接字符串,虽然功能与Array.concat()相似,但使用加号(+)运算符通常更为便捷。

str.indexOf() 方法用于检索指定字符,并返回该字符在字符串中首次出现的位置索引。

Date日期对象操作方法

日期对象通过 var date=new Date() 创建,用于处理时间和日期相关操作。

Date对象提供了一系列获取和设置时间字段的方法。

date.getDay() 返回一周中的某一天(0-6,0代表周日),setDay() 用于设置该值。

date.getFullYear() 返回年份,setFullYear() 用于设置年份。

date.getMonth() 返回月份字段(0-11,0代表一月),setMonth() 用于设置月份。

date.getDate() 返回一个月中的具体日期(1-31),setDate() 用于设置日期。

date.getHours() 返回小时字段,setHours() 用于设置小时。

date.getMinutes() 返回分钟字段,setMinutes() 用于设置分钟。

date.getSeconds() 返回秒字段,setSeconds() 用于设置秒。

date.setTime() 方法用于设置系统时间,通过传入毫秒值来设定具体时间。

Array数组核心方法解析

数组对象通过 var arr=new Array() 创建,用于存储有序数据集合。

数组的主要属性是 arr.length,用于返回数组中元素的个数。

数组提供了多种操作方法以支持数据的增删改查。

pop() 方法删除并返回数组的最后一个元素,返回值即为被删除的元素。

push() 方法向数组末尾添加一个或多个元素,并返回更新后的数组长度。

shift() 方法移除并返回数组的第一个元素。

unshift() 方法在数组头部插入一个或多个元素,并返回更新后的数组长度。

slice() 方法返回数组的一部分,支持负数参数作为索引,返回截取后的新数组。

reverse() 方法用于颠倒数组中元素的顺序,返回颠倒后的数组引用。

sort() 方法对数组元素进行排序,默认按字符串Unicode码点排序,可通过传入比较函数自定义排序规则。

concat() 方法用于连接两个或多个数组,返回一个新的连接后的数组,不改变原数组。

join() 方法将数组的所有元素连接成一个字符串,元素之间使用指定的分隔符连接。

splice() 方法用于插入、删除或替换数组元素,是数组操作中最灵活的方法之一。

toString() 方法将数组转换为字符串,元素之间默认以逗号分隔。

Math数学对象与全局函数

Math是JavaScript的原生对象,提供了一系列数学常数和函数。

Math.abs() 返回数字的绝对值。

Math.ceil() 执行向上取整操作。

Math.floor() 执行向下取整操作。

Math.round() 执行四舍五入操作。

Math.random() 返回一个0到1之间的随机数(原文写为randow,此处修正为标准方法名random,若需严格保留原文错误可注明,但通常建议修正为标准API,此处按标准API处理,若原文确为笔误,建议修正为Math.random())。

Math.max() 返回一组数值中的最大值。

Math.min() 返回一组数值中的最小值。

Math.PI 是圆周率常量,注意它是属性而非方法,调用时无需括号。

Math.pow(x, y) 返回x的y次幂。

Math.sqrt() 计算并返回数字的平方根。

JavaScript还提供了一些全局函数和其他实用工具。

isNaN() 用于判断值是否为非数字,如果不是数值则返回true。

parseInt() 函数将字符串强制转换为整数类型。

parseFloat() 函数将字符串强制转换为浮点型数值。

DOM操作与对话框方法

alert() 方法弹出一个警告对话框,用于向用户显示提示信息。

confirm() 方法弹出一个确认对话框,包含确定和取消按钮,返回布尔值。

prompt() 方法弹出一个提示对话框,允许用户输入文本。

document.write() 方法用于向HTML文档写入内容。若文档加载完成后执行,将覆盖整个HTML文档。

document.getElementById() 方法通过指定的ID名称获取对应的DOM对象。

document.getElementsByTagName() 方法通过标签名获取元素集合,返回一个HTMLCollection数组对象。

document.getElementsByClassName() 方法通过类名获取元素集合,返回一个HTMLCollection数组对象。

以上内容涵盖了JavaScript的基础语法、常用内置对象及其核心方法,是初学者掌握JavaScript编程的重要基础。

作者最新文章