JavaScript入门笔记（2）字符串相关列表对象
JavaScript入门笔记（2）字符串相关列表对象
月见樽
发布于 2018-04-27 14:00:58
发布于 2018-04-27 14:00:58
字符串相关
字符串基础
字符串历来是各种编程语言坑最多的地方（个人认为），不同软件语言在字符串上的操作的差别比软件语言和硬件描述语言的差距都大（一样是个人认为）
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 }对象键存在性查询
要查询一个键存不存在，除了直接访问以外，还有in和hasOwnProperty两种方法
-
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本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2017.08.06 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录