join方法 js 单字符串会报错_JavaScript中的字符串、数组和对象详解

文章目录前言

字符串

数组常用方法

对象常用方法

编程之外

前言

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、遍历数组元素：

JavaScript 数组

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

var fruits, text, fLen, i;

fruits = ["Banana", "Orange", "Apple", "Mango"];

fLen = fruits.length;

text = "

• ";

for (i = 0; i < fLen; i++) {

text += "

" + fruits[i] + "";

}

text += "

";

document.getElementById("demo").innerHTML = text;

对象

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

编程之外

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

编程之外