关于Web前端使用JavaScript常见的数据类型处理小技巧

1.1 获取字符串长度

  如果想获取这个字符串的长度，也就是它里面有多少个字符，可以使用 length 属性：

const s = "Hello World";
console.log(s.length)

1.2 转换大小写

　　toUpperCase() 方法可以将字母全部大写

const s = "Hello World";
console.log(s.toLowerCase()); // HELLO WORLD

1.3. 截取字符串

　　使用 substring 把字符串全部分割开，需要传入两个参数，分别是起始和终止位置的索引。

const s = "Hello World";
console.log(s.substring(0, 5)); // Hello

2.1. 数组添加元素

　　在数组末尾添加一个元素，可以使用下标新增或 push() 方法

const fruits = ['apple', 'oranges', 'pears'];
fruits[3] = 'grapes';
fruits.push('mangos');
console.log(fruits); // ['apple', 'oranges', 'pears', 'grapes', 'mangos']

　　在数组头部添加一个元素，可以使用 unshift() 方法

const fruits = ['apple', 'oranges', 'pears'];
fruits.unshift('mangos');
console.log(fruits); // ['mangos', 'apple', 'oranges', 'pears']

2.2. 数组删除元素

　删除数组末尾的元素，可以使用 pop() 方法

const fruits = ['apple', 'oranges', 'pears'];
fruits.pop();
console.log(fruits); // ['apple', 'oranges']

3.1 对象添加新属性

　　可以通过 Person. 加一个不存在的属性名来添加一个新的属性，比如写 Person.email 就可以添加一个邮箱属性了。

const Person = {
    firstName: "John",
    lastName: "Doe",
    age: 30,
    hobbies: ['music', 'movies', 'sports'],
    address: {
        street: "50 main st",
        city: "Boston",
        state: "MA",
    },
};
Person.email = "john@email.com";
console.log(Person.email ); // john@email.com

本文记录了 JavaScript 中的基本数据类型，包括字符串、数组和对象。通过示例代码，展示了如何使用模板字符串简化字符串连接，以及字符串的常用内置方法，如获取长度、大小写转换和分割。

此外，介绍了数组的创建、访问和常用操作，如添加和删除元素，以及分析了对象的创建和新增赋值。