Javascript回顾(一)

Javascript回顾(一)

1、三种方式

  • 写在html代码中

通常是写在<script> </script>标签内。

<!DOCTYPE HTML>
<html lang='en'>
<head>
	<meta charset='UTF-8'>
	<title>Javascript练习</title>
</head>
<body>
 <script>
   document.write('hello world!!');
 </script>
</body>
</html>

不仅可以写在<body></body>标签内,也可放在<head></head>标签内。不过如果要对页面元素进行修改,那就必须写在<body></body>标签内的底部,等页面加载完毕后再执行。

  • 写在外部文件中

就像css一样,将js内容写在一个独立的文件内,使用时只需要用src来引入即可,代码重复利用率高,维护方便。

<!DOCTYPE HTML>
<html lang='en'>
<head>
	<meta charset='UTF-8'>
	<title>Javascript练习</title>
</head>
<body>
 <script src='test.js'>
 </script>
</body>
</html>
  • 在浏览器中编写

image-20201216213431311

1、注释

  • 单行注释

//注释内容

  • 多行注释

/*注释内容*/

3、标识符

给变量函数命名的工具

必须以**字母、下划线、 ∗ ∗ 开 头 , 例 如 n a m e 、 n a m e 、 **开头,例如name、_name、 namenamename。其他开头的不行,另外不能用关键字如if, for, while, null, class等。

4、变量

1、要使用var关键词创建

2、命名要符合标识符规范

3、按名称调用,区分大小写

image-20201216215315032

5、数据类型

请注意开头的大小写,不能混淆

undefined

null

Number

Boolean

String

Object

对象是属性和方法的集合,属性的载体是变量,方法的载体是函数或函数表达式。

定义对象类型要使用一个特殊的操作符new

image-20201216225958818

console.log()的作用是将一段字符串打印在console上

image-20201216224308800

  • 检测数据类型 typeof

  • null比较特殊因为本身就是对象,所以null也属于对象类型,其实js中所有的数据类型本质上都是对象。

  • 空字符串可以转换为Boolean类型的false

6、转换数据类型

  • 转换为字符串:toString()

image-20201216224207095

  • 将其他类型转换为数值型

    • Number() 其他类型转换为数值类型
    • parselnt() 将数字开头的字符串转为整数
    • parseFloat() 将数字开头的字符串转为小数

    image-20201216231645299

7、字符串操作

  • 返回字符串中指定位置的字符

    charAt()

    image-20201217170943975

  • 返回指定字符在字符串中第一次出现的位置

    indexOf()

    image-20201217171108742

  • 返回指定字符在字符串中最一次后出现的位置

    lastIndexOf()

    image-20201217171227769

  • 查询子字符串

    • substr(a, b)

      表示从索引为a开始输出b个字符

      image-20201217172111974

    • substring(a, b)

      表示返回索引a到索引b的字符,但不包括索引b

      image-20201217172540871

  • 替换字符串

    replace(‘abc’, ‘def’)

    表示将字符串中的abc替换为def

    image-20201217173334713

  • 分割字符串

    split(’*’)

    表示以*为界将字符串分割为数组

    image-20201217173906567

  • 转换为大写

    toUpperCase()

    表示将字符串转换为大写

    image-20201217174126769

  • 转换为小写

    toLowerCase()

    image-20201217174409946

8、数组方法

创建数组两种方法:

  • 第一种

    image-20201217175428169

  • 第二种

    image-20201217175538427

9、数组操作

  • 向尾部添加元素

    push()

    image-20201217175931563

  • 向首部添加元素

    unshift()

    image-20201217180922428

  • 删除尾部元素

    pop()

    有点像那个堆栈操作哈哈哈

    image-20201217181104313

  • 删除首部元素

    shift()

    image-20201217181259362

  • 清除元素的值

    delete name[1]

    表示删除name数组索引为1的元素的值,但并不能删除该元素

    image-20201217181636799

  • 插入元素

    splice(a, b, ‘value1’, ‘value2’…)

    表示在索引为a的位置添加b个元素,后面为添加的元素。注意他是以覆盖的方式插入的,也就是说从索引为a的位置依次向后覆盖b个元素。

    image-20201217182354558

猜你喜欢

转载自blog.csdn.net/qq_43665434/article/details/111463971