字符串历来是各种编程语言坑最多的地方(个人认为),不同软件语言在字符串上的操作的差别比软件语言和硬件描述语言的差距都大(一样是个人认为)
JavaScript的字符串在描述上与Python类似,使用""
和''
标识,多行字符串使用``
标识,同样,字符串是不可变对象,即一旦确定就不可改变
需要强调的是,字符串操作均是返回一个新的字符串,原字符串并不会改变
toUpperCase()
,全部使用小写使用toLowerCase()
indexOf()
返回子串的开头位置,没有查找到返回-1substring()
传入子串开头结尾的位置返回子串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列表更加“自由”:
大多数其他编程语言不允许直接改变数组的大小,越界访问索引会报错。然而,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()
查找元素的索引,若未查到则返回-1console.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