JavaScript入门笔记(2)

字符串相关

字符串基础

字符串历来是各种编程语言坑最多的地方(个人认为),不同软件语言在字符串上的操作的差别比软件语言和硬件描述语言的差距都大(一样是个人认为)
JavaScript的字符串在描述上与Python类似,使用""''标识,多行字符串使用``标识,同样,字符串是不可变对象,即一旦确定就不可改变

字符串操作

需要强调的是,字符串操作均是返回一个新的字符串,原字符串并不会改变

  • 获取指定位置字符:使用数组下标的方式获得
  • 大小写转换:全部变为大写使用toUpperCase(),全部使用小写使用toLowerCase()
  • 查找子串位置:indexOf()返回子串的开头位置,没有查找到返回-1
  • 返回指定子串:substring()传入子串开头结尾的位置返回子串
var test_string = "hello JavaScript"
console.log(test_string)
console.log(test_string[6])
// J

test_string[2] = "x"
console.log(test_string)
// hello JavaScript

console.log(test_string.toUpperCase())
// HELLO JAVASCRIPT
console.log(test_string.toLowerCase())
// hello javascript
console.log(test_string.substring(2,7))
// llo J
console.log(test_string.indexOf("Script"))
// 10

“模板字符串”

  • 使用+可以将多个变量或字符串连接
  • ${}可以在字符串中直接显示变量,使用这种方法的字符串需要使用``包裹
var test_string2 = "hi";
var test_string3 = "nice to meet you"
console.log(test_string + test_string2 + test_string3)
// hello JavaScripthinice to meet you
console.log(`${test_string},${test_string2},${test_string3}`)
// hello JavaScript,hi,nice to meet you

列表

列表基础

JavaScript的列表与Python的列表相似,应该大部分动态语言的列表都是这个样子:索引自由,切片自由,不绑定数据类型。与Python不同的是JavaScript列表更加“自由”:

  • 可以直接修改列表的length属性修改列表长度,不足位用undefined补齐

大多数其他编程语言不允许直接改变数组的大小,越界访问索引会报错。然而,JavaScript的Array却不会有任何错误。在编写代码时,不建议直接修改Array的大小,访问索引时要确保索引不会越界。

  • 赋值超出列表长度修改列表长度,不足位用empty items补齐
var testlist = [1,2,"d"]
console.log(testlist)
// [ 1, 2, 'd' ]
console.log(testlist.length)
// 3
testlist[6] = "c"
console.log(testlist)
// [ 1, 2, 'd', <3 empty items>, 'c' ]
testlist.length = 4
console.log(testlist)
// [ 1, 2, 'd', <1 empty item> ]
testlist.length = 8
console.log(testlist)
// [ 1, 2, 'd', <5 empty items> ]

列表操作

  • 查找:indexOf()查找元素的索引,若未查到则返回-1
console.log(testlist) //[ 6, 5, 3, 2, 1 ]
console.log(testlist.indexOf(3)) //2
console.log(testlist.indexOf("a")) //-1
  • 切片:slice()方法,第一个参数是开始索引,第二个参数是结束索引
var testlist = [1,2,3,4,5]
console.log(testlist.slice(1,3)) // [ 2, 3 ]
  • 结尾处修改:pop()方法push(),分别在结尾处删除和添加元素
testlist.push("a")
console.log(testlist) //[ 1, 2, 3, 4, 5, 'a' ]
console.log(testlist.pop()) //a
console.log(testlist) //[ 1, 2, 3, 4, 5 ]
  • 开头处修改:shift()unshift(),分别在开头出删除和添加元素
testlist.unshift("a")
console.log(testlist) //[ 'a', 1, 2, 3, 4, 5 ]
console.log(testlist.shift()) //a
console.log(testlist) //[ 1, 2, 3, 4, 5 ]
  • 任意修改:splice()是在指定位置(第一个参数)删除指定个(第二个参数)元素,再从该位置添加元素(剩余参数)
console.log(testlist) //[ 1, 2, 3, 4, 5 ]
testlist.splice(1,3,"a","b")
console.log(testlist) //[ 1, 'a', 'b', 5 ]
  • 顺序修改:sort()reverse()函数,分别为排序和反转函数
var testlist = [3,2,6,5,1]
testlist.sort()
console.log(testlist) //[ 1, 2, 3, 5, 6 ]
testlist.reverse()
console.log(testlist) //[ 6, 5, 3, 2, 1 ]
  • 连接:()(),分别是连接成列表和字符串,这两个函数并不改变原列表,而是将结果通过返回值返回
console.log(testlist) //[ 6, 5, 3, 2, 1 ]
console.log(testlist.concat(8,9,10)) //[ 6, 5, 3, 2, 1, 8, 9, 10 ]
console.log(testlist) //[ 6, 5, 3, 2, 1 ]
console.log(testlist.join("-")) //6-5-3-2-1
console.log(testlist) //[ 6, 5, 3, 2, 1 ]

对象

对象概述

JavaScript的对象是一种无序的集合数据类型,它由若干键值对组成。

由此可以看出,JavaScript中的对象类似于Python中的字典,是键-值对的集合,同时也是无序的,也就是说每次遍历的时候顺序可能有所不同
对象的声明和Python中的字典非常相似,使用{}括起来的一些key:value

var test_ob = {
    name:"javascript",
    data:10,
    "ob-test":true
}

若键的名称为一般的变量名,则可以不使用""包裹,在访问的时候可同时使用.key["key"]的方式访问。若使用的键名称使用了变量名以外的命名,则只能使用["key"]的方式访问

console.log(test_ob) //{ name: 'javascript', data: 10, 'ob-test': true }
console.log(test_ob.name) //javascript
console.log(test_ob["name"]) //javascript
console.log(test_ob["ob-test"]) //true
console.log(test_ob.x) //undefined

同时,若是访问了不存在的键,JavaScript并不会报错,而是返回undefined

对象键-值对动态改变

与一般的动态语言相似,JavaScript对象的键值对可以动态增加和删除

  • 对一个不存在的键值复制可增加该键值对
  • 使用delete可以删除一个键值对
console.log(test_ob) //{ name: 'javascript', data: 10, 'ob-test': true }
test_ob.a = 12
console.log(test_ob) //{ name: 'javascript', data: 10, 'ob-test': true, a: 12 }
delete test_ob.a
console.log(test_ob) //{ name: 'javascript', data: 10, 'ob-test': true }

对象键存在性查询

要查询一个键存不存在,除了直接访问以外,还有inhasOwnProperty两种方法

  • in 可以查询该键是否存在于这个对象中,并不关心是否是继承得来的
  • hasOwnProperty 查询该键是否属于这个对象且不是继承得来的
console.log(test_ob) //{ name: 'javascript', data: 10, 'ob-test': true }
console.log("a" in test_ob) //false
console.log("name" in test_ob) //true
console.log(test_ob.hasOwnProperty("a")) //false
console.log(test_ob.hasOwnProperty("name")) //true

推荐阅读更多精彩内容

  • 上一章 六 围场 下 再过得片刻,武备兵道,六军统制,在朝诸将,纷纷到来,约束各自人马列在西陵侯府与定亲王府人马的...
    德万托阿阅读 330评论 0 3
  • 现实中是你从我的全世界路过…… 猪头的爱情……也是最凄惨的,八年来他把自己的所有给了燕子,自以为恋爱中的他一...
    闵王氏阅读 116评论 0 1
  • 1、估值指标之一是市盈率, 2、估值指标之二是盈利收益率,它是市盈率的变种。 市盈率=公司市值/公司盈利盈利收益率...
    霍霍小哥阅读 678评论 0 1
  • 夕阳下的天涯海角似如梦境 晚霞 轻柔的风 美丽千年 我的愿望悄然而至 愿是一桡船轻皱海面 愿是一朵花久立岸旁 愿是...
    然依紫阅读 221评论 2 4