2021年7月14日星期三

【前端】JavaScript学习笔记（二）——数据类型

✨课程链接

【狂神说Java】JavaScript最新教程通俗易懂_哔哩哔哩_bilibili


✨学习笔记

字符串

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script>  'use strict';  // `` 多行字符串 Esc键下面  let str = `多行  字符串`  console.log(str)  let name = 'admin'  let passwd = 'root'  // 模板字符串  let msg = `name:${name}passwd:${passwd}`  console.log(msg)  console.log("！字符串不可变")  console.log(msg.length)  console.log(msg.toUpperCase())  console.log(msg.toLowerCase())  console.log(msg.indexOf("r"))  // 1到最后  console.log(msg.substring(1))  // [5,10)  console.log(msg.substring(5,10)) </script></head><body></body></html>

数组


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

let arr = [1, 2, 3, "1", "2"]

长度

arr.length

注意：如果给 arr.length 赋值 数组大小会发生变化 如果赋值过小元素就会丢失

indexOf

通过元素获得下标索引

arr.indexOf(1)arr.indexOf("2")

slice()

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

arr.slice(0, 1)

push() pop() 尾部

arr.pop()arr.push()

unshift() shift() 头部

arr.unshift()arr.shift()

排序

arr.sort()

元素反转

arr.reverse()

concat()

注意：并没有修改数组 只是返回一个新的数组

console.log(arr.concat(["A"]))

连接符 join

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

arr.join("-")

多维数组


对象

若干个键值对

{...}表示一个对象

键值对描述属性 xxx:xxx

多个属性之间使用逗号隔开 最后一个属性不加逗号！

var person = { name: "test", age: 3, email:"test@163.com", score: 0}

js中的所有键都是字符串 值是任意对象！

对象赋值


使用一个不存在的对象属性 不会报错！undefined


动态地删减属性 通过delete删除对象的属性


动态地添加属性 直接给新的属性添加值即可

person.temp = "temp"

判断属性值是否在对象中

"age" in persontrue// 继承"toString" in persontrue

判断一个属性是否是这个对象自身拥有的

person.hasOwnProperty("toString")falseperson.hasOwnProperty("age")true

流程控制

if 判断


while 循环

while(true){ alert("避免程序死循环")}do{ alert("避免程序死循环")}while (true)

for 循环


forEach 循环

ES 5.1 引入

let arr = [1, 2, 3, "1", "2"]arr.forEach(function (value){ console.log(value)})

for...in

// for(index in object){}for(let num in arr){ if (arr.hasOwnProperty(num)){ console.log("exist!") console.log(arr[num]) }}

for...of

// for(elem in object){}let arr = [1, 2, 3]for (let x of arr){ console.log(x)}

Map 和 Set

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script>  "use strict"  // ES6......
原文转载：http://www.shaoqun.com/a/874520.html
跨境电商：https://www.ikjzd.com/
kkr：https://www.ikjzd.com/w/1340
 
c88是什么：https://www.ikjzd.com/w/1017
 
淘粉吧官网：https://www.ikjzd.com/w/1725.html
 
✨课程链接【狂神说Java】JavaScript最新教程通俗易懂_哔哩哔哩_bilibili✨学习笔记字符串<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><script>
敦煌网站：https://www.ikjzd.com/w/189
清迈旅游美旺大象营攻略：http://www.30bags.com/a/420885.html
清迈旅游须知_泰国清迈旅游注意事项 ：http://www.30bags.com/a/414127.html
清迈美食有哪些？推荐清迈美食餐厅：http://www.30bags.com/a/404968.html
清迈哪些high旅游：http://www.30bags.com/a/421801.html
办公室销魂刺激的一次 院长的粗大满足了我：http://lady.shaoqun.com/a/247620.html
小坏蛋今晚可以不戴套 求求你别在里面会怀孕：http://lady.shaoqun.com/m/a/248299.html
上课忘穿内裤被男同桌摸 上课把女同学玩出水了：http://www.30bags.com/m/a/249793.html
深圳丹诚相许展览在哪里：http://www.30bags.com/a/499673.html
深圳何香凝美术馆暑假展览汇总（持续更新）：http://www.30bags.com/a/499674.html
何香凝美术馆入馆有什么要求吗：http://www.30bags.com/a/499675.html
夏天旅游的时候，男朋友坚持让我穿这件衣服。真的很美吗？：http://lady.shaoqun.com/a/419119.html
发帖者 时间：

没有评论:

发表评论

订阅： 博文评论 (Atom)