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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏青玉伏案

窥探Swift之函数与闭包的应用实例

今天的博客算是比较基础的,还是那句话,基础这东西在什么时候都是最重要的。说到函数,只要是写过程序就肯定知道函数是怎么回事,今天就来讨论一下Swift中的函数的特...

1975
来自专栏我和我大前端的故事

初探 TypeScript函数基本类型泛型接口类内置对象

前段时间有朋友和我推荐 TypeScript ,他说写起来特别爽,让我去试一试,那时候我还在那是啥高深莫测的东西。刚好那段时间忙,一直没有时间看。最近也很忙,还...

5822
来自专栏大前端_Web

javascript语言精粹(蝴蝶书)-笔记

版权声明:本文为吴孔云博客原创文章,转载请注明出处并带上链接,谢谢。 https://blog.csdn.net/wkyseo/articl...

3493
来自专栏一个爱吃西瓜的程序员

Python基础学习-操作列表

一 :遍历整个列表 1:使用for循环来遍历列表: 例: ? 输出: ? 二:避免缩进错误 1:Python根据缩进来判断代码行与前一个代码行的关系。 2:...

2864
来自专栏青青天空树

C语言中把数字转换为字符串 【转】

在将各种类型的数据构造成字符串时,sprintf 的强大功能很少会让你失望。由于sprintf 跟printf 在用法上几乎一样,只是打印的目的地不同而已,前者...

3.6K5
来自专栏鸿的学习笔记

Python漫谈

列表切片的标准是lst[a:b:c] a是列表切片的开头,b是切片的结尾,c是step。 这里的表示从第一个元素开始,按照每隔一步,到第三个元素结束

993
来自专栏佳爷的后花媛

PHP manual(update)

直接改变数组的值自 PHP 5 起可以通过引用传递来做到。之前的版本需要需要采取变通的方法

1631
来自专栏HTML5学堂

伪数组

HTML5学堂:熟悉JavaScript的人对document.getElementsByTagName再熟悉不过,对arguments也多有耳闻,我们时常针对...

2844
来自专栏听雨堂

JavaScript大略

 简介: javascript是一种基于对象和事件驱动并具有安全性能的脚本语言。 它是通过嵌入或调入在标准的HTML语言中实现的。 数据类型:   St...

18110
来自专栏老付的网络博客

如何使用正则表达式

说到正则,可能很多人会很头疼这个东西,除了计算机好像很难快速的读懂这个东西,更不用说如果使用了。下面我们由浅入深来探索下正则表达式:

1362

扫码关注云+社区

领取腾讯云代金券