30-内置对象:String--JavaScript基础
《JavaScript脚本编程》实验指导书2

《JavaScript脚本编程》实验指导书2实验1: javascript语法基础实验⽬的:掌握javascript的变量的定义和使⽤掌握javascript的数据类型的相互转换掌握javascript的三种消息框的使⽤课时:2实验环境:pc⼀台,dreamweaver8.0预备知识:编写javascript脚本代码的3个位置;简单的javascript程序;实验内容:每⼩题命名规则为:学号后2位+name+题号。
如:张三学号65,则第⼀题的命名为65zhangsan01.html.若采⽤独⽴的js⽂件则命名为65zhangsan01.js1、声明变量x,依次发赋给x数值型、字符型和布尔型的数据,输出x的显⽰结果。
2、声明两个变量x和y,将x赋予整数型数值2000,将x加上46后将值赋给y,输出表达式x+y的结果。
3、声明三个变量x、y和z,使x等于字符串hello,使y等于数值2008,当x+y等于hello2008且x不等于y的时候,z等于welcome to china!,否则等于we are still waiting!4、使⽤去确认对话框提问“你是否来过重庆?”,如果点击“确认”,⽤警告对话框输出“你也认为重庆很美丽吧!”;如果点击“取消”,⽤警告对话框输出“欢迎你到重庆来旅游!”,5、通过提⽰消息框输⼊任意⼀个整数xxx,当输⼊的是奇数时,向页⾯输出“你输⼊的数字xxx是奇数!”;当输⼊的是偶数时,向页⾯输出“你输⼊的数字xxx是偶数!”;否则输出“你的输⼊不满⾜要求!”6、通过体提⽰消息框输⼊任意⼀个整数xxx,求该整数的阶乘,并将结果通过警告对话框显⽰出来。
提⽰:对输⼊的数要进⾏判断。
(可参考javascript完全⼿册中的函数parseInt)思考题:在⽂本框分别输⼊两个数,实现两个数的+、-、*、/运算,点击“=按钮将”结果显⽰在⽂本框中。
界⾯设计可参考下图。
注意对⽂本框输⼊的数据是否是数字要进⾏判断。
JS内置对象属性及方法大全

JS内置对象属性及方法大全JavaScript是一种强大的脚本语言,它提供了许多内置对象,这些对象包含了丰富的属性和方法,可以被直接调用和使用。
以下是一些常用的JS内置对象及其属性和方法的概述:1. Array(数组对象):- 属性:length(数组长度)- 方法:concat(、join(、push(、pop(、shift(、unshift(、indexOf(、lastIndexOf(、slice(、splice(等。
2. String(字符串对象):- 属性:length(字符串长度)- 方法:charAt(、charCodeAt(、concat(、indexOf(、lastIndexOf(、replace(、toLowerCase(、toUpperCase(、slice(等。
3. Number(数字对象):- 属性:MAX_VALUE(最大值)、MIN_VALUE(最小值)、NaN(非数字值)、toFixed(、toPrecision(等。
- 方法:toString(、toFixed(、toExponential(、toLocaleString(等。
4. Math(数学对象):- 方法:abs(、ceil(、random(、floor(、max(、min(、pow(、sqrt(等。
5. Date(日期对象):- 方法:getDate(、getMonth(、getFullYear(、getHours(、getMinutes(、getSeconds(、getTime(、toLocaleDateString(、toLocaleTimeString(等。
6. Object(对象对象):- 方法:hasOwnProperty(、isPrototypeOf(、toString(、valueOf(等。
7. RegExp(正则表达式对象):- 属性:global(是否全局匹配)、ignoreCase(是否忽略大小写)、multiline(是否多行匹配)、source(正则表达式字符串)- 方法:exec(、test(等。
javascript 核心原理pdf

javascript 核心原理pdf全文共四篇示例,供读者参考第一篇示例:JavaScript是一种广泛应用于前端开发的编程语言,它是实现Web页面交互性的重要工具。
要想掌握JavaScript编程,了解其核心原理至关重要。
本文将深入探讨JavaScript的核心原理,并提供一份《JavaScript核心原理PDF》供读者参考。
JavaScript的核心原理主要包括以下几个方面:数据类型、变量、运算符、控制流程、函数、对象、数组、闭包等。
首先我们来介绍JavaScript的数据类型。
JavaScript有七种基本数据类型,分别是字符串(String)、数字(Number)、布尔值(Boolean)、undefined、null、Symbol和BigInt。
除了基本数据类型外,JavaScript还有一种复杂数据类型——对象(Object),对象是一种无序的数据集合,包含键值对。
变量是存储数据的容器,使用var、let或const关键字声明一个变量。
JavaScript支持赋值运算符(=)、算术运算符(+、-、*、/等)、比较运算符(==、!=、>、<等)、逻辑运算符(&&、||、!等)等。
控制流程是编程中的基本元素,主要包括条件语句(if、else if、else)、循环语句(for、while、do while)、跳转语句(break、continue、return)等。
函数是JavaScript中的重要概念,函数是一段可重复使用的代码块,可以接受参数并返回值。
JavaScript中的函数可以嵌套定义,函数也是一种对象,因此函数可以作为对象的属性。
JavaScript中还有一种特殊的函数——匿名函数,匿名函数没有名称,通常用于定义回调函数。
对象是JavaScript编程中的核心概念,对象是一种复杂数据类型,是由键值对组成的无序集合。
JavaScript中的对象可以是内置对象(如Array、Math、Date等)、宿主对象(由JavaScript外部环境提供的对象,如浏览器对象)或自定义对象。
JavaScript(课件)-(版)

深入浅出JavaScript引言:JavaScript是一种广泛应用于Web开发的编程语言,它为网页带来了动态效果和交互性。
本课件旨在为您提供关于JavaScript的全面概述,包括其基本概念、语法、功能和应用场景。
通过本课件的讲解,您将能够理解JavaScript的工作原理,并能够运用它来创建更加丰富和互动的Web体验。
第一部分:JavaScript概述1.1JavaScript的历史和发展1.2JavaScript的主要特点和优势1.3JavaScript在Web开发中的应用场景第二部分:JavaScript基础语法2.1变量和数据类型2.2运算符和表达式2.3控制语句和循环语句2.4函数的定义和调用第三部分:JavaScript对象和数组3.1对象的基本概念和创建方式3.2数组的基本概念和操作方法3.3内置对象和全局对象第四部分:JavaScript高级特性4.1闭包的概念和应用4.2原型链和继承4.3异步编程和回调函数4.4事件处理和事件委托第五部分:JavaScript与DOM操作5.1DOM的基本概念和结构5.2DOM的查询和操作方法5.3事件冒泡和事件捕获5.4AJAX和动态数据加载第六部分:JavaScript框架和库6.1jQuery的基本使用和优势6.2React的基本概念和组件化开发6.3Vue.js的基本概念和双向数据绑定6.4Angular的基本概念和依赖注入第七部分:JavaScript最佳实践和性能优化7.1代码规范和命名约定7.2代码压缩和合并7.3异步加载和懒加载7.4优化DOM操作和事件处理第八部分:JavaScript安全性和错误处理8.1JavaScript的安全性问题8.2错误处理和异常捕获8.3跨域请求和安全措施结论:通过本课件的学习,您已经了解了JavaScript的基本概念、语法和功能,并能够运用它来创建动态和交互式的Web页面。
JavaScript作为一种灵活和强大的编程语言,将继续在Web开发中发挥重要作用。
内置对象的概念

内置对象的概念内置对象是指在编程语言中提供的一组已定义好的对象,可以直接使用而无需再进行额外的定义或实现。
这些内置对象具有常用的属性和方法,以便开发人员更加便捷地进行编程和开发。
在不同的编程语言中,内置对象的具体名称和功能可能会有所不同,但它们的作用是非常相似的。
内置对象的存在,为开发人员提供了许多常用功能的实现,大大简化了开发流程,提高了开发效率。
在JavaScript中,常见的内置对象包括全局对象、数学对象、数组对象、字符串对象、日期对象等。
全局对象包括全局变量和函数,如window、document 等。
数学对象提供了一系列数学计算相关的函数和常量,如Math.PI、Math.abs()等。
数组对象提供了对数组进行操作的方法和属性,如push()、pop()、length 等。
字符串对象则提供了对字符串的操作方法和属性,如indexOf()、substring()等。
日期对象则提供了对日期的操作和处理方法,如getFullYear()、getTime()等。
这些内置对象为开发人员提供了丰富的功能,可以用于完成各种复杂的编程任务。
比如,在JavaScript中,我们可以使用内置对象Math来进行常用的数学计算。
例如,要计算一个数的绝对值,可以调用Math对象的abs()方法。
除此之外,Math对象还提供了许多其他常用的数学计算方法,如对数、三角函数等等。
通过利用这些内置对象,开发人员可以更加方便地进行数学计算,避免了自己手动编写复杂的数学计算代码。
另一个例子是数组对象,在JavaScript中,数组对象提供了一组用于操作和处理数组的方法和属性。
通过这些方法和属性,开发人员可以很方便地对数组进行添加、删除、修改等操作。
比如,可以使用数组对象的push()方法向数组中添加一个元素,使用pop()方法删除数组的最后一个元素。
通过使用这些方法,开发人员可以轻松地处理数组,并且无需再编写繁琐的数组操作代码。
2024版JavaScript基础课件完整版

数组的定义与使用
数组的定义
数组是一种特殊的对象,用于存储一 系列有序的值。在JavaScript中,数 组可以包含任意类型的值,包括数字、 字符串、布尔值、对象等。
数组的使用
可以通过索引来访问数组中的元素,使 用push()和pop()方法添加或删除元素, 使用sort()和reverse()方法对数组进行 排序或反转等操作。
DOM结构 DOM将HTML或XML文档转化为一个树形结构,文档中 的每个元素、属性和文本都被视为一个节点(Node), 节点之间通过父子或兄弟关系形成树状结构。
节点类型
在DOM中,节点类型包括元素节点、属性节点、文本节 点、注释节点等。
访问和修改DOM元素
获取元素 修改元素内容 修改元素属性 修改元素样式
辑非等。
用于将右侧的值赋给左 侧的变量,如等于赋值、
加等于、减等于等。
控制流语句
条件语句
使用`if...else`语句根据条 件执行不同的代码块。
循环语句
使用`for`、`while`或 `do...while`语句重复执行 一段代码,直到满足特定 条件为止。
跳转语句
使用`break`或`continue` 语句在循环中提前结束或 跳过当前迭代。
常用内置对象与方法
Date对象
用于处理日期和时间,可以创建 日期实例、获取日期和时间信息、 进行日期计算等。
String对象
用于处理字符串,提供了许多字 符串操作方法,如charAt()、 indexOf()、replace()等。
Math对象
提供了一系列数学常数和函数, 如Math.PI、Math.random()、 Math.sin()等。
本地开发环境
高手进阶第6章 JavaScript常用内置对象
1. 使用数学对象 2.数学对象的属性与方法 3.特殊的常数和函数 4.格式化数字 5.产生随机数
Page 9
CSS基本语法
目录
日期( )对象 )对象 Date 数组(Array)对象 字串(String 数学( Math)对象
新建日期
日期对象的属性与方法
日期对象应用实例
Page 11
1 第6章 JavaScript常用内置对象
数组(Array)对象
2
字串(String)对象 数学(Math)对象 日期(Date)对象
3 4
讲师:贾如春 QQ:460669467
CSS基本语法
目录
数组( )对象 Array 数组(Array)对象 字串(String 数学()对象 Math)对象
1.使用字串对象 2.字串相加 3.在字串中使用单引号、 双引号及其他特殊字符
Page 6
4.比较字串是否相等 5.字串与整数、浮点数之间的转换 6.串对象的属性与方法 7.字串对象应用实例
Page 7
CSS基本语法
目录
数学( )对象 )对象 Math 数组(Array)对象 字串(String 数学( Math)对象
1、新建数组
新建一个长度为零的数组。 语法规则如下:
var 变量名 = new Array( )
Page 3
菜单设计的内容 :
2.数组中的序列号 3.引用数组元素 4.动态数组 5.数组对象的常用属性与方法 6.排序数组PagΒιβλιοθήκη 4CSS基本语法目录
字串( )对象 String 数组(Array)对象 字串(String 数学()对象 Math)对象
js中string对象的常用方法
JavaScript 中 String 对象的常用方法在 JavaScript 中,String 对象是表示字符串的一种数据类型。
String 对象提供了许多常用的方法,用于处理和操作字符串。
本文将介绍 String 对象的常用方法,帮助读者更好地了解和掌握 JavaScript 中的字符串操作。
下面是本店铺为大家精心编写的3篇《JavaScript 中 String 对象的常用方法》,供大家借鉴与参考,希望对大家有所帮助。
《JavaScript 中 String 对象的常用方法》篇1一、String 对象的创建在 JavaScript 中,可以通过两种方式创建 String 对象:1. 使用双引号括起来的字符串例如:```var str = "Hello World!";```2. 使用单引号括起来的字符串例如:```var str = "Hello World!";```二、String 对象的常用方法1. toString() 方法该方法返回 String 对象的字符串表示。
例如:```var str = new String("Hello World!");console.log(str.toString()); // 输出 "Hello World!" ```2. substring() 方法该方法返回指定长度的 String 对象的子字符串。
例如:```var str = "Hello World!";console.log(str.substring(0, 5)); // 输出 "Hello" ```3. concat() 方法该方法将两个或多个字符串连接成一个新的字符串。
例如:```var str1 = "Hello";var str2 = "World!";console.log(str1.concat(str2)); // 输出 "HelloWorld!" ```4. indexOf() 方法该方法返回指定字符串在当前字符串中首次出现的位置。
JavaScript教案
JavaScript最新教案一、课程简介1. 课程目标:通过本课程的学习,使学员掌握JavaScript的基本语法、流程控制、函数、事件处理、DOM操作等核心知识,能够独立编写简单的JavaScript 代码,为前端开发打下坚实基础。
2. 适用对象:本课程适用于前端开发初学者,以及对JavaScript有一定了解的开发者。
3. 课程内容:本课程共十个章节,涵盖JavaScript的基础知识、高级特性以及实际应用。
二、JavaScript基础1. JavaScript简介:介绍JavaScript的起源、特点和版本等信息。
2. 基本语法:讲解变量、数据类型、运算符、类型转换等基本语法规则。
3. 流程控制:介绍条件语句、循环语句、以及break和continue等控制语句的使用。
4. 函数:讲解函数的声明、调用、参数传递、返回值等概念。
三、JavaScript高级特性1. 对象:介绍对象的概念、创建方式、属性访问、方法定义等。
2. 数组:讲解数组的创建、访问、遍历、排序等操作。
3. 原型链:解释原型链的概念、作用以及如何利用原型链实现继承。
4. 闭包:讲解闭包的定义、作用以及如何利用闭包实现模块化。
四、DOM操作1. DOM简介:介绍DOM的概念、结构以及DOM树。
2. 节点操作:讲解如何获取和修改DOM节点的内容、属性、样式等。
3. 事件处理:介绍事件的概念、事件流、事件处理程序以及事件对象等。
4. 动画效果:讲解如何使用JavaScript实现简单的动画效果。
五、实际应用1. 表单验证:结合实际案例,讲解如何使用JavaScript进行表单验证。
2. 网页特效:介绍如何使用JavaScript实现网页特效,如弹窗、轮播图等。
3. 前后端交互:讲解如何使用JavaScript与后端进行数据交互,如使用AJAX 技术。
4. 完整项目实战:提供一个完整的JavaScript项目案例,让学员学会将所学知识应用于实际项目中。
JavaScript内置对象属性及方法大全
java中特殊转义字符\n 回车(\u000a)\t 水平制表符(\u0009)\b 空格(\u0008)\r 换行(\u000d)\f 换页(\u000c)\' 单引号(\u0027)\" 双引号(\u0022)\\ 反斜杠(\u005c)\ddd 三位八进制\udddd 四位十六进制JavaScript1.Date属性(1):constructor 所树立对于象的函数参考prototype 能够为对象加入的属性和方法办法(43):getDay() 前往一周中的第几天(0-6)getYear() 返回年份.2000年以前为2位,2000(包括)以后为4位getFullYear() 返回完全的4位年份数getMonth() 返回月份数(0-11)getDate() 返回日(1-31)getHours() 返回小时数(0-23)getMinutes() 返回分钟(0-59)getSeconds() 返回秒数(0-59)getMilliseconds() 返回毫秒(0-999)getUTCDay() 依据国际时间来得到如今是礼拜几(0-6)getUTCFullYear() 依据国际时间来得到完全的年份getUTCMonth() 依据国际时间来失掉月份(0-11)getUTCDate() 根据邦际时光来失掉日(1-31)getUTCHours() 根据邦际时光来失掉小时(0-23)getUTCMinutes() 依据国际时间来返回分钟(0-59)getUTCSeconds() 依据国际时间来返回秒(0-59)getUTCMilliseconds()根据邦际光阴来返回毫秒(0-999)getTime() 返回从1970年1月1号0:0:0到如今一同花来的毫秒数getTimezoneoffset() 返回时区偏偏差值,便格林威乱均匀时间(GMT)取运转足本的盘算机所处时区设置之间相差的分钟数)parse(dateString) 返回在Date字符串中自从1970年1月1日00:00:00以来的毫秒数setYear(yearInt) 设置年份.2位数或4位数setFullYear(yearInt)设置年份.4位数setMonth(monthInt) 设置月份(0-11)setDate(dateInt) 设置日(1-31)setHours(hourInt) 设放小时数(0-23)setMinutes(minInt) 设置分钟数(0-59)setSeconds(secInt) 设放秒数(0-59)setMilliseconds(milliInt) 设置毫秒(0-999)setUTCFullYear(yearInt) 依据国际时间来设置年份setUTCMonth(monthInt) 依据国际时间来设置月(0-11)setUTCDate(dateInt) 依据国际时间来设置日(1-31)setUTCHours(hourInt) 依据国际时间来设置小时setUTCMinutes(minInt) 依据国际时间来设置分钟setUTCSeconds(secInt) 依据国际时间来设置秒setUTCMilliseconds(milliInt)依据国际时间来设置毫秒setTime(timeInt) 设置自1970年1月1日开端的时间.毫秒数toGMTString() 依据格林威乱时光将Date对于象的日期(一个数值)改变成一个GMT光阴字符串,如:Weds,15 June l997 14:02:02 GMTtoUTCString() 依据通用时间将一个Date对象的日期转换为一个字符串toLocaleString() 把Date对象的日期(一个数值)改变成一个字符串,使用所在盘算机上配置使用的特定日期格局toSource() 显示对象的流代码toString() 将日期对象转换为字符串UTC(yyyy, mm, dd, hh, mm, ss, msec)返回自格林威乱尺度时间到指定光阴的差距,双位为毫秒valueOf() 返回日期对象的本初值2.Math属性:constructor 所修立对象的函数参考prototype 可以为对象参加的属性和方法E 欧推常质,天然对数的顶(约等于2.718)LN2 2的天然对于数(约即是0.693)LN10 10的自然对数(约等于2.302)LOG2E 以2为顶的e的对数.(约即是1.442)LOG10E 以10为底的e的对数(约等于0.434)PI ∏的值(约等于3.14159)SQRT1_2 1/2(0.5)的平方根(便l除以2的平方根,约等于o.707)SQRT2 2的平方根(约即是1.414)方法:abs(x) 返回数字的相对值acos(x) 返回数字的反余弦值asin(x) 往归数字的反正弦值atan(x) 返回位于-PI/2 和PI/2 的反正切值atan2(y,x) 返回(x,y)位于-PI 到PI 之间的角度ceil(x) 返回x 四舍五入后的最大整数cos(x) 返回一个数字的余弦值exp(x) 返回E^x 值floor(x) 返回x 四舍五进后的最小整数log(x) 返回顶数为E的天然对数max(x,y) 返回x 和y 之间较大的数min(x,y) 返回x 和y 之间较小的数pow(x,y) 返回y^x 的值random() 前往位于0 到1 之间的随机函数round(x) 四舍五进后与整sin(x) 返回数字的正弦值sqrt(x) 返回数字的平方根tan(x) 返回一个角度的正切值toSource() 显示对象的流代码valueOf() 返回数教对象的原始值3.Number属性:MAX_V ALUE The largest possible value a number in JavaScript can have 1.7976931348623157E+308MIN_V ALUE The smallest possible value a number in JavaScript can have 5E-324NaN Equal to a value that is not a number.NEGATIVE_INFINITY A value that is less than MIN_V ALUE.POSOTIVE_INFINITY A value that is greater than MAX_V ALUE.prototype A static property of the Number object法子:toString Returns a string representing the specified objectvalueOf() 返回数教对象的本初值4.Boolean属性:constructor 所树立对象的函数参考prototype 可以为对象参加的属性和方式办法:toSource() 显示对象的源代码toString() 将布我值转换为字符串,并且返回成果valueOf() 返回布我对象的原始值5.String属性:constructor 所修立对象的函数参考prototype 能够为对象加入的属性和方法length 前往字符串的字符长度方式(20):anchor("name")用来把字符串转换为HTML锚点标志内(<A NAME=>)big() 把字符串中的文本变成大字体(<BIG>)blink() 把字符串中的文本变成闪耀字体(<BLINK>)bold() 把字符串中的文本变成乌字体(<B>)fixed() 把字符串中的文本变成流动间距字体,即电报情势(<TT>)fontcolor(color)设放字符串中文本的色彩(<FONT COLOR=>)Fontsize(size) 把字符串中的文本变成指定大小(<FONTSIZE=>)italics() 把字符串中的文本变成斜字体(<I>)Link(url)用来把字符串转换-HTML链交标志中(<A HREF=>)small() 把字符串中的白原变成小字体(<SMALL>)strike() 把字符串中的文本变成划掉字体(<STRIKE>)sub() 把字符串中的文本变成下标(subscript)字体((SUB>)sup() 把字符串中的白原变成上本(superscript)字体(<SUP>)charAt(index) 返回指定索引处的字符charCodeAt(index)返回一个整数,该整数表现String对象中指定地位处的字符的Unicode编码concat(string2)衔接两条或少条字符串fromCharCode(num1, num2, …,十月妈咪, numN)获取指定的Unicode值并返回字符串indexOf(searchString, startIndex) 返回字符串中第一个呈现指定字符串的地位lastlndexOf(searchString, startIndex) 返回字符串中最后一个呈现指定字符串的位置match(regex) 在字符串中查觅指定值replace(regex, newString)将字符串中的某些字符替代成其它字符search(regex) 针对某施行值对字符串入止查觅slice(startIndex,BB霜, endIndex)将局部字符抽出并在新的字符串中返回剩余部门split(delimiter)将字符串分配为数组substr(startIndex, length) 从startIndex取,取length个字符substring(startIndex, endIndex) 从startIndex和endIndex之间的字符,不包含endIndex toLowerCase() 把字符串中的白原变成小写toUpperCase() 把字符串中的文本变成大写toSource() 显示对象的源代码valueOf() 返回字符串对象的原始值6.Array属性:constructor 所树立对象的函数参考prototype 可以为对象参加的属性和方法index For an array created by a regular expression match, the zero-based index of the match in the string.input For an array created by a regular expression match, reflects the original string against which the regular expression was matched.length 获与数组元素的个数,便最大下本加1方法(13):concat(array1,arrayn)将两个或两个以上的数组值衔接止来,合并后返回成果join(string) 将数组中元素合并为字符串,string为分隔符.如省详参数则直交合并,没有再分隔pop() 移除数组中的最后一个元荤并往归当元素push(value) 正在数组的终尾加上一个或者少个元素,并且返回新的数组长度值reverse() 倒置数组中元素的次序,反背排列shift() 移除数组中的第一个元素并返回当元素slice(start, deleteCount, [item1[, item2[,...[,itemN]]]]) 返自一个数组中移除一个或者少个元素,假如必要,正在所移除元素的地位上拔出新元荤,往归所移除的元素sort(compare Function) 在已指定排序号的情形下,依照元素的字女次序排列,假如不是字符串类型则转换成字符串再排序,返回排序后的数组splice() 为数组删除并加加新的元素toSource() 显示对象的源代码toString() 将数组一切元素返回一个字符串,其间用逗号分隔unshift(value)为数组的开端部门加上一个或多个元素,并且返回当数组的新长度valueOf() 返回数组对象的本始值7.RegExp属性:$1, ..., $9 Parenthesized substring matches, if any.$_ See input.$* See multiline.$& See lastMatch.$+ See lastParen.$` See leftContext.$' See rightContext.global Whether or not to test the regular expression against all possible matches in a string, or only against the first.ignoreCase Whether or not to ignore case while attempting a match in a string.input The string against which a regular expression is matched.lastIndex The index at which to start the next match.lastMatch The last matched characters.lastParen The last parenthesized substring match, if any.leftContext The substring preceding the most recent match.multiline Whether or not to search in strings across multiple lines.rightContext The substring following the most recent match.source The text of the pattern.方法:compile Compiles a regular expression object.exec Executes a search for a match in its string parameter.test Tests for a match in its string parameter8.Function属性:arguments An array corresponding to the arguments passed to a function.arity Indicates the number of arguments expected by the function.caller Specifies which function called the current function.prototype Allows the addition of properties to a Function object.法子:toString Returns a string representing the specified object.9.Object属性:constructor Specifies the function that creates an object's prototype.prototype Allows the addition of properties to all objects.方式:eval Evaluates a string of JavaScript code in the context of the specified object.toString Returns a string representing the specified object.unwatch Removes a watchpoint from a 属性源the object.valueOf Returns the primitive value of the specified object.watch Adds a watchpoint to a 属性流the object.10.齐局属性:Infinity 指订一个正负无限大的数值NaN 指定一个“非数字”值undefined 指订一个已被赋值的变质方法:decodeURI() 为加密的URI入止解码decodeURIComponent() 为加稀的URI组件解码encodeURI() 将字符串加稀为URIencodeURIComponent() 将字符串加稀为URI组件escape(string) 加密一个字符串unescape() 使用escape()对一个字符串入止解码eval(string) 断定一个字符串并将其以足本代码的情势施行isFinite(number) 检测一个值能否为一个有限数字,返回True或者FalseisNaN(string) 检测一个值能否没有是一个有限数字Number() 将一个对象的值转换为一个数字parseFloat(string) 将一个字符串解析为一个浮点数字parseInt(string) 将一个字符串解析为一个整数,没有是四舍五进操做,而是切尾String(object) 将一个对象值转换为一个字符串number(object)11.事情属性:a.窗心事件,只在body和frameset元素中才有效onload 页里或图片加载完成时onunload 用户分开页里时b.表双元素事情,在表双元素中才有效onchange 框内容转变时onsubmit 点击降接按钮时onreset 沉新面打鼠本按键时onselect 文本被挑选时onblur 元素失来焦面时onfocus 该元素获与焦面时c.键盘事情,在base,bdo,br,frame,frameset,head,html,iframe,meta,param,script,style,title元素里皆无效onkeydown 按下键盘按键时onkeypress 按下或按住键盘按键时onkeyup 搁启键盘按键时d.正在base,bdo,br,frame,frameset,head,html,iframe,meta,param,script,style,title元荤里皆无效onclick 鼠标点打一个对象时ondblclick 鼠标双打一个对象时onmousedown 鼠标被按下时onmousemove 鼠标被挪动时onmouseout 鼠标分开元素时onmouseover 鼠标经由元素时onmouseup 开释鼠标按键时e.其他onresize 该窗心或框架被沉新定义尺寸时onabort 图片下载被挨续时onerror 该加载文档或图片时产生过错时自定义对象:有始初化对象和定义结构函数的对象两类办法a:始始化对象例如:对象={属性1:值1;属性2:值2;......属性n:值n} 注意:每个属性/值对之间用分号隔启;b:订义结构函数的对象例如:function 函数名(属性1, 属性2,......属性N){this.属性1=属性值1;this.属性2=属性值2;this.属性n=属性值n;this.法子实1=函数实1;this.方法实2=函数名2;}注意:方法名和函数名能够同名,但是在方法调用函数前,函数必需已经定义佳,否则会犯错为自定义的函数创立新的真例一样是使用new 语句。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
//打印结果为:string //打印结果为:undefined
上方代码中,当我们尝试打印 str.aaa 的时候,会发现打印结果为:undefined。也就是说,不能给 string 绑定属性和方法。
当然,我们可以打印str.length、str.indexOf("m")等等。因为这两个方法的底层做了数据类型转换(临 时将 string 字符串转换为 String 对象,然后再调用内置方法),也就是我们在上一篇文章中讲到的 包装类。
打印结果:
代码举例2:(两个参数时,需要特别注意) var str = 'qianguyihao'; result = str.indexOf('a', 3); // 从第三个位置开始查找 'a'这个字符 【重要】 console.log(result); // 打印结果:9
上方代码中, indexOf() 方法中携带了两个参数,具体解释请看注释。
新的字符串 = str.replace(被替换的内容,新的内容);
代码举例:
//replace()方法:替换 var str2 = "Today is fine day,today is fine day !!!" console.log(str2); console.log(str2.replace("today","tomorrow")); //只能替换第一个today console.log(str2.replace(/today/gi,"tomorrow")); //这里用到了正则,才能替换所有的 today
<script> // sort(); 底层用到了charCodeAt();
var str = "I love my country!我你爱中国!";
//需求:求一个字符串占有几个字符位。 //思路;如果是英文,站一个字符位,如果不是英文占两个字符位。 //技术点:判断该字符是否在0-127之间。(在的话是英文,不在是非英文) alert(getZFWlength(str)); alert(str.length);
var result = str1.concat(str2); console.log(result); // 打印结果:qianguyihao
slice()
slice() :从字符串中截取指定的内容。不会修改原字符串,而是将及截取到的内容返回。 语法:
字符串 = str.slice(开始索引, 结束索引); //两个参数都是索引值。包左不包右。
//定义方法:字符位 function getZFWlength(string) {
//定义一个计数器 var count = 0; for (var i = 0; i < string.length; i++) {
//对每一位字符串进行判断,如果Unicode编码在0-127,计数器+1;否则+2 if (string.charCodeAt(i) < 128 && string.charCodeAt(i) >= 0) {
Hale Waihona Puke substr()substr() :从字符串中截取指定的内容。不会修改原字符串,而是将及截取到的内容返回。 语法:
字符串 = str.substr(开始索引, 截取的长度);
参数举例:
(2,4):从索引值为2的字符开始,截取4个字符。 (1):从指定位置开始,截取到最后。 (-3):从倒数第几个开始,剪到最后. 不包括前大后小的情况。 备注:ECMAscript 没有对 substr() 方法进行标准化,因此不建议使用它。
concat()
concat() :字符串的连接。
语法:
新字符串 = str1.concat(str2); //链接两个字符串
这种方法基本不用,直接把两个字符串相加就好。 是的,你会发现,数组中也有 concat() 方法,用于数组的连接。这个方法在数组中用得挺多的。 代码举例:
var str1 = 'qiangu'; var str2 = 'yihao';
trim()
trim() :去除字符串前后的空白。 代码举例:
//去除前后的空格,trim(); var str1 = " a b c "; console.log(str1); console.log(str1.trim());
打印结果:
replace()
replace() :将字符串中的指定内容,替换为新的内容并返回。不会修改原字符串。 语法:
打印结果:
上面这个例子一般不用。一般打印数组和json的时候用索引,打印String不建议用索引。
charCodeAt()
charCodeAt :返回字符串指定位置的字符的 Unicode 编码。不会修改原字符串。
语法:
字符 = str.charCodeAt(index);
代码举例:打印字符串的占位长度 提示:一个英文占一个位置,一个中文占两个位置。 思路:判断该字符是否在0-127之间(在的话是英文,不在是非英文)。 代码实现:
大小写转换
举例:
var str = "abcdEFG";
//转换成小写 console.log(str.toLowerCase());
2、引用数据类型:
引用数据类型 String 是可以绑定属性和方法的。如下:
var strObj = new String("smyhvae"); strObj.aaa = 123; console.log(strObj); console.log(typeof strObj); //打印结果:Object console.log(strObj.aaa);
打印结果:
内置对象Number也有一些自带的方法,比如: Number.MAX_VALUE;
Number.MIN_VALUE; 内置对象Boolean也有一些自带的方法,但是用的不多。
在底层,字符串以字符数组的形式保存
在底层,字符串是以字符数组的形式保存的。代码举例: var str = "smyhvae"; console.log(str.length); // 获取字符串的长度 console.log(str[2]); // 获取字符串中的第2个字符
split() 【重要】
split() :将一个字符串拆分成一个数组。 语法:
数组 = str.split(); 备注: split() 这个方法在实际开发中用得非常多。一般来说,从接口拿到的json数据中,经常会收到 类似于 "q, i, a, n" 这样的字符串,前端需要将这个字符串拆分成 ['q', 'i', 'a', 'n'] 数组,这 个时候 split() 方法就排上用场了。 代码举例1:
count++; } else {
count += 2; } } return count; } </script>
打印结果:
30 24
从打印结果可以看出:字符串的长度是24,但是却占了30个字符位(一个中文占两个字符位)。 另外,sort()方法其实底层也是用到了charCodeAt(),因为用到了Unicode编码。
上方代码中, smyhvae 这个字符串在底层是以 ["s", "m", "y", "h", "v", "a", "e"] 的形式保存 的。因此,我们既可以获取字符串的长度,也可以获取指定索引index位置的单个字符。这很像数组中 的操作。
内置对象 String 的常见方法
charAt()
charAt :返回字符串指定位置的字符。不会修改原字符串。 语法:
前言
在日常开发中,String对象的使用频率是非常高的。所以有必要详细介绍。
基本数据类型不能绑定属性和方法
1、基本数据类型: 注意,基本数据类型 string 是无法绑定属性和方法的。比如说:
var str = "qianguyihao";
str.aaa = 12; console.log(typeof str); console.log(str.aaa);
字符 = str.charAt(index); 解释:字符串中第一个字符的下标是 0。如果参数 index 不在 [0, string.length) 之间,该方法将返回一 个空字符串。 而且,这里的 str.charAt(index) 和 str[index] 的效果是一样的。 代码举例:
var str = new String("smyhvae"); for (var i = 0; i < str.length; i++) { console.log(str.charAt(i)); }
var str = "qian, gu, yi, hao"; // 用逗号隔开的字符串 var array = str.split(","); // 将字符串 str 拆分成数组,通过逗号来拆分 console.log(array); // 打印结果是数组:["qian", " gu", " yi", " hao"] 代码举例2: //split()方法:字符串变数组 var str3 = "生命壹号|许嵩|smyhvae"; console.log(str3); console.log(str3.split()); // 无参数,表示:把字符串作为一个元素添加到数组中。 console.log(str3.split("")); //参数为空字符串,则表示:分隔字符串中每一个字符,分别 添加到数组中 console.log(str3.split("|")); //参数为指定字符,表示:此字符将不会出现在数组的任意一 个元素中 console.log(str3.split("许")); //同理 打印结果: