【JS基础】

1. 快速入门

1.1 引入JavaScript

  • 内部标签
<script>
//...
</scritp>
  • 外部引入
    abs.js
/...

test.html

<script src="abs.js"></script>

1.2基本语法入门

1、javaScript大小写区别型
2、定义变量格式:
var 变量名 = 变量值;
3、条件控制语法和java一样
4、在浏览器的控制台console打印变量:
console.log(变量名)
5、严格检查模式:‘use strict’
前提:编译器需要设置支持ES6语法
作用:避免不严谨的操作定义带来的问题
注意:
1)必须写在JavaScript的第一行
2)局部变量建议都使用 let 去定义

2. 数据类型

数值、文本、图形、音频、视频…

  • 变量
  • number
    js不区分小数和整数,Number

123//整数123
123.2//浮点数123.1
1.123e2//科学计数法
-11//负数
NaN// not a number
Infinity//无穷大 -号表示负无穷大

  • 字符串
  1. 正常字符串用这种’abc’ “abc”
  2. 注意转义字符

\n:换行
\t:制表
\b:空格
\r:回车
\:斜杠
':单引号
":双引号

  1. 多行字符串

/tab 上面 esc键下面
var msg =
hello
world
你好ya
你好`
/*
输出为两行在一起的字符串//hello world…
*/

  1. 模板字符串

//tab 上面esc键下面
let name = “sk”;
let age = 3;
let msg =`你好呀,${name}
//你好呀,sk

  1. 字符串长度

str.length

  1. 字符串的可变性,不可变

console.log(student[o])
s
undefined
student[0] =1
1
console.log(student)
student
undefined

  1. 大小写转换

//这里是方法
student.toUpperCase()
student.toLowerCase()

  1. student.indexOf(“t”)//获取t在字符串中的下标
  2. substring
    [)包含前面那个不包含后面

student.substring(1)[/从第一个字符串截取到最后一个字符串student.substring(1,3)1/[1,3)

  • 布尔值
    真或者假
  • Undefined
    没有定义
  • Null
    空null

3. 数组

Array可以包含任意的数据类型

var arr = [1,2,3,4,5,6]

3.1定义数组

  • 用对象创建
<script>
		let arr = new Array();
		arr[0] = 1;
		arr[1] = 'a';
		arr[2] = 3;
		arr[3] = 'b';
</script>

  • 直接创建
<script>
		let arr = [1,'s',6,'k'];
</script>

3.2数组长度

length//返回元素个数即数组长度

3.3 indexOf,通过元素获取下标索引

arr.indexOf(2)
1
字符串"1"和1是不同的

3.4 slice()

截取Array的一部分,返回一个新的数组类似String中的substring

3.5 push、pop

压栈,出栈
push()//压入到尾部
pop()//弹出尾部的一个元素

3.6 unshift()

shift()//弹出头部元素
unshift//弹出头部的一个元素

3.7 排序 sort()、元素反转

(3) [““B””,“c”,“A”]
arr.sort()
(3)[“A”,“B”,“C”]//排序
/反转/
(3)[“A”,““B”,“c””]
arr.reverseo
(3) [“c”,"“B”,“A”]

3.8 concat()

(3) [““c”,”“B”,“A”“]
arr.concat([1,2,3])
(6)[“c”,”“B”,“A”“,1,2,3]
arr
(3) [“c”,“B”,“A””]
注:concat ()并没有修改数组,只是会返回一个新的数组

3.9连接符 join

打印拼接数组,使用特定的字符串连接

(3) [“C”,“B”,“A”]
arr-join(‘-’)
“C-B-A”

3.10多维数组

arr =[[1,2],[3,4],[""5"",""6""]];
arr[1][1]
4
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值