JavaScript中的字符串、数组和对象详解

最新推荐文章于 2023-08-01 09:08:50 发布

遇见0和1

最新推荐文章于 2023-08-01 09:08:50 发布

阅读量483

点赞数

分类专栏： JavaScript 文章标签： javascript 脚本语言

本文链接：https://blog.csdn.net/weixin_42365530/article/details/105411513

版权

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

文章目录

前言
字符串
数组
- 常用方法
对象
- 常用方法
编程之外

前言

JavaScript以下简称JS，一种网页脚本语言，使得浏览器可以与网页互动。Python做🐞时，微信小程序的js等，都会用到JS语法，它非常的轻便简洁。这里详细介绍JS中的三种重要数据类型，以及它们常用的一些方法。

字符串

PS：JS不需要有专门的IDE，以下部分简单代码在浏览器中调试直接演示。

1、JS中普通字符串我们使用单引号，或者双引号包裹即可。
2、注意转义字符 \

\'
\n
\t
\u4e2d   \u####   Unicode字符
\x41     Ascll字符

在这里插入图片描述
3、多行字符串编写
`号：tab 上面 Esc键下面

var msg =
    `hello
	world
 	你好`

4、模板字符串

'use strict';
let name = "lingStudy";
let age = 3;

let msg = `你好呀,${name}`
console.log(msg)
alert(msg)

5、获取字符串长度

str.length

6、字符串的可变性：不可变
在这里插入图片描述
7、大小写转换

//注意，这里是方法，不是属性
student.toUpperCase()
student.toLowerCase()

在这里插入图片描述
8、获取指定字符的下标
console.log(student.indexOf(‘i’))

9、字符串截取
substring()：包含第一个，不包含最后一个

[)
student.substring(1) // 从第一个字符串截取到最后一个字符串
student.substring(1,3) // 获得1,2两个字符串

在这里插入图片描述

数组

🐞数组的核心：存储数据（如何存，如何取，方法都可以自己实现！）

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

var arr = [1,'gf',true,5.6]
// 通过下标取值和赋值
arr[0]
arr[0] = 1

常用方法

1、获取长度
PS：假如给 arr.length 赋值，数组大小就会发生变化~，如果赋值过小，元素就会丢失

arr.length

在这里插入图片描述
2、indexOf，获取元素下标索引

3、slice() 截取Array的一部分，返回一个新数组，类似于String中的 substring()
字符串的 “1” 和数字 1 是不同的

4、push()，pop()：操作数组尾部

push()：压入数据到尾部
pop()：弹出尾部的一个元素

在这里插入图片描述

5、unshift()，shift()： 操作数组头部
在这里插入图片描述

6、sort()：数组排序

arr = ['B','C','A']
> (3) ["B", "C", "A"]
arr.sort()
> (3) ["A", "B", "C"]

7、reverse()：元素反转

arr
> (3) ["A", "B", "C"]0: "C"1: "B"2: "A"length: 3__proto__: Array(0)
arr.reverse()
> (3) ["C", "B", "A"]

8、concat()：拼接
PS：concat() 并没有修改数组，只是会返回一个新的数组
在这里插入图片描述

9、join：连接符
打印拼接数组，使用特定的字符串连接
在这里插入图片描述

10、多维数组
在这里插入图片描述
11、fill()：填充数组所有的元素

拓展
1、访问最后一个数组元素

fruits = ["Banana", "Orange", "Apple", "Mango"];
var last = fruits[fruits.length - 1];

2、遍历数组元素：

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 数组</h1>

<p>遍历数组的最佳方法是使用标准的 for 循环：</p>

<p id="demo"></p>

	<script>
		var fruits, text, fLen, i;
		fruits = ["Banana", "Orange", "Apple", "Mango"];
		fLen = fruits.length;

		text = "<ul>";
		for (i = 0; i < fLen; i++) {
  			text += "<li>" + fruits[i] + "</li>";
		}
		text += "</ul>";

		document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>

对象

PS： JS中对象，{…}表示一个对象，键值对描述属性 xxxx：xxxx，多个属性之间用逗号隔开，最后一个属性不加逗号！

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

var 对象名 = {
    属性名1：属性值1，
    属性名2：属性值2，
    属性名3：属性值3
}
//定义一个person对象，它有四个属性
let person = {
    name:"lingStudy",
    age:3,
    email:"190064@qq.com",
    score:87
}

常用方法

1、对象赋值

person.name = "路之逸"
> "路之逸"
person.name
> "路之逸"

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

person.haha
> underfined

3、动态的删减属性，通过 delete 删除对象的属性
在这里插入图片描述

4、动态的添加，直接给新的属性添加值即可
在这里插入图片描述
5、判断属性值是否在这个对象中！ xxx in xxx

'age' in person
> true
//继承
'toString' in person
> true

6、判断一个属性是否是这个对象自身拥有的： hasOwnProperty()

person.hasOwnProperty('toString')
> false
person.hasOwnProperty('age')
> true

编程之外

学习更多的编程知识，获取我博客中的源码和寻找编程之外的乐趣，欢迎小伙伴入坑我的公众号编程之外，互相监督一起成长！😁😁
在这里插入图片描述

编程之外

遇见0和1

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript中的字符串、数组和对象详解

文章目录前言字符串数组常用方法对象常用方法编程之外前言 JavaScript以下简称JS，一种网页脚本语言，使得浏览器可以与网页互动。Python做????时，微信小程序的js等，都会用到JS语法，它非常的轻便简洁。这里详细介绍JS中的三种重要数据类型，以及它们常用的一些方法。字符串PS：JS不需要有专门的IDE，以下部分简单代码在浏览器中调试直接演示。1、JS中普通字符串我们使用单...
复制链接

扫一扫

专栏目录