优质

javascript特性包括（javascript有哪些常用的属性和方法）

丁雪莲优秀作者

原创内容来源：小居数码网时间：2024-08-15 18:52:01 阅读() 收藏：42 分享：66 爆

导读：您正在阅读的是关于【数码知识】的问题，本文由科普作家协会，生活小能手，著名生活达人等整理监督编写。本文有1902个文字，大小约为8KB，预计阅读时间5分钟。

Web前端入门到精通必会JS的属性和常用方法，应同学留言要求，今天抽时间整理总结了Web前端实际开发中必会的变量、基本数据类型、表达式与操作符、流程控制语句、数组，核心知识点与常用方法，用不到可以直接不用学了，省的浪费时间！已经做成了网页版，方便查缺补漏，建立属于自己的知识库！

javascript有哪些常用的属性和方法

对于web前端最难的JS部分，我们要做一次瘦身但又不失重点难点，不论是对于初学者还是已经工作的同学来说都能用得上，毕竟开发中不是时时刻刻都会用到所有的属性和方法，很容易就忘记了！记得收藏起来!!

总结：JS语法与变量、基本数据类型、表达式与操作符、流程控制语句、数组，核心知识点与常用方法，经典版

JavaScript书写位置

单词功能描述script将JavaScript代码写在html文件中，例如：

<body>

//此处写JavaScript代码

</script>

</body>引入.js格式的文件，例如：

输出语句

单词功能描述alert()弹出警告框console.log()控制台输出

变量

单词功能描述var使用var可以声明变量，例如：var num = 1;表示声明一个名称为num，值为1的变量

变量的合法命名：

1、只能由数字、字母、下划线和$组成，但不能以数字开头

2、不建议使用关键字和保留字

3、严格区分大小写，A和a是两个不同的变量

检测数据类型

单词功能描述typeof检测值或者变量的数据类型

NaN相关知识

单词功能描述NaN表示非数字，是一个特殊的数值isNaN()用来检测一个值是否为NaN ，是的话返回true，否则返回false

数据类型

单词功能描述Number数值类型，所有的数字不分大小、不分正负、不分正负，都是数值类型String字符串类型，使用双引号或者单引号包裹的值Boolean布尔类型，true表示真，false表示假Undefined1、变量没有赋值，默认为undefined

2、变量声明提升时，变量的值也为undefined

undefined的类型也为undefinedNullnull表示空，用typeof检测null，结果为object

字符串的常用属性

单词功能描述length表示字符串的长度

字符串的常用方法

单词功能描述charAt()获取指定位置的字符substring()提取字符串中，介于两个指定下标之间的字符substr()在字符串中指定的位置处，提取指定数目的字符slice()提取字符串的某个部分，类似于substring() ，不同之处：

1、substring() 可以自动交换参数的位置，而slice()不行。

2、slice()的第一个参数可以是负数，而substring()不行toUpperCase()把字符串转换为大写toLowerCase()把字符串转换为小写indexOf返回字符串中指定字符首次出现的索引

数据类型转换

单词功能描述Number()将其他类型的值转换为数字parseInt()可以将参数转成整数parseFloat()可以将参数转成浮点数String()将其他类型的值转换成字符串，例如：String(123)toString()将其他类型的值转换成字符串，例如：(6).toString()

和String()的区别：

1、toString()无法转换null和undefined，String()可以转换null和undefined

2、toString()可增加进制参数，将字符串进行进制转换，String()不能转换进制

3、写法不同，可参考上述例子Boolean()将其他类型的值转换为布尔值

window下的方法

单词功能描述prompt()弹出输入框

复杂数据类型

单词功能描述Array、Object、Function数组、对象、函数

算术运算符

单词功能描述+加法运算符。加号有两种作用，分别是加法和连字符

1、加号两边的操作数都是数字，则为加法

2、有一个操作数为字符串，则为连字符-减法运算符*乘法运算符/除法运算符%取余运算符。例如：a%b代表a除以b的余数，8 %5 = 3

Number下的方法

单词功能描述toFixed()指定小数点后面的位数

Math方法

单词功能描述Math.pow(x,y)返回x的y次幂（不常用，了解即可）Math.sqrt()返回一个数的平方根（不常用，了解即可）Math.ceil()向上取整Math.floor()向下取整

关系运算符

单词功能描述>大于<小于>=大于等于<=小于等于==等于!=不等于===全等于!==不全等于

逻辑运算符

单词功能描述!非&&与||或

赋值运算符

单词功能描述=赋值+=快捷赋值，例如： a+=1等价与a=a+1-=快捷赋值，例如： a-=1等价与a=a-1*=快捷赋值，例如： a*=1等价与a=a*1/=快捷赋值，例如： a/=1等价与a=a/1%=快捷赋值，例如： a%=1等价与a=a%1++自增运算，例如：

var num1 = 3;

num1++

console.log(num1)//num的值为4--自减运算，例如：

var num2 = 3;

num2--

console.log(num2)//num2的值为2

条件语句

单词功能描述if当指定条件为 true 时，执行if语句对应的代码if...else当条件为 true 时，执行if语句对应的代码

当条件为 false 时，执行else语句对应的代码if...else if...满足条件时，执行它所对应的代码case在switch中使用，表示要匹配的每一种情况default在switch中使用，表示默认情况，当不满足所有的case条件时，会执行默认情况switch根据不同的条件来执行不同的动作。示例：

switch (month) {

case 1:

alert("这个月有31天")

break;

case 4:

alert("这个月有30天")

break;

default:

alert("请输入正确的月份！！")

}boolean_expression ? true_value : false_value三元运算符，当条件表达式boolean_expression为真，执行表达式true_value，为假时执行表达式false_value

循环语句

单词功能描述for循环执行一段代码

示例： for(var i = 0; i <10;i++) {

console.log(i);

}while条件为真时循环执行代码块do-whilewhile 循环的变体，语法：

do{

循环体

}while(循环执行条件)

注意事项：

1、do-while循环在检查条件之前一定会执行一次循环体

2、如果条件为真，就会继续执行循环体

3、如果条件为假，则会终止循环

break和continue语句

单词功能描述break用于退出循环

1、在switch中使用，用于跳出switch语句

2、在循环for、while中使用，直接跳出循环continue跳出当前循环，继续执行下一次循环

数组的定义

单词功能描述Array数组，用来存储一组值new与Array结合使用，创建数组，示例：new Array()

（new是JavaScript中的一个关键字，用来实例化对象的，后面的面向对象章节中会有详细的讲解，目前了解即可）

数组类型的判断

单词功能描述Array.isArray()检测数据是否是一个数组，返回布尔值

数组常用的属性

单词功能描述length返回数组长度

数组的常用方法

单词功能描述push()在尾部插入新项pop()删除数组的最后一项unshift()在头部插入新项shift()删除数组的第一项splice()用于添加或删除数组的元素slice()从已有的数组中返回选定的元素concat()合并多个数组reverse()颠倒数组中元素的顺序indexOf()返回指定元素的索引值，如果不存在返回-1includes()判断一个数组是否包含指定的值，返回布尔值

sort()

用于数组排序（涉及到函数知识，在函数一节再进行详细的讲解）join()将数组转成字符串