# JavaScript 入门 Day 3

By [aow](https://paragraph.com/@ashonthewall) · 2022-03-14

---

Day3，继续JS基础。

**Find the Length of a String**

这里我们接触到一个概念叫property。

.length这种形式的后缀是一种property，property可以理解成一种预设的方程功能，能告诉你一些信息。

.length，能告诉你string的字节长度。

**Use Bracket Notation to Find the First Character in a String**

怎么在string中定位呢？

“Charles” 这个string一共7个字节，但由于计算机也语言都是从0开始计数，所以“C”其实是这个string的第\[0\]位，以此类推。

    const name = “Charles”;
    

name\[3\]是哪个字母呢？

对，是“r”。

**Understand String Immutability**

String有个特性，不可被局部修改，要修改只能全部替换。

**Use Bracket Notation to Find the Last Character in a String**

怎么表示最后一个字节呢？还记得 .length这个property吗？

如果一个单词有5个字母，举个例子，first，那么t是倒数第一个字节，也是第\[4\]个字节。可以用.length-1来表示。

    let letter = "first";
    letter[letter.length-1];  
    

**Use Bracket Notation to Find the Nth-to-Last Character in a String**

以此类推，倒数低3个字节，就是

    letter[letter.length-3];
    

**Word Blanks**

一个简单的练习，千万注意要留出空格 “ ” 和加上标点符号。

**Store Multiple Values in one Variable using JavaScript Arrays**

这里引入一个重要的概念，array。

array就是可以储存多个varaible的盒子。

    myArray = ["yes","no",43,536];
    

array里面的东西用\[ \]框进去。

**Nest one Array within Another Array**

机灵的小伙伴要问了，array能存variable，那么array能存array吗？

可以的。

存了array的array就变成了nested array。

举个简单的例子，john考试得了98分，jason得了99分，怎么表示呢？

    grades = [["john", 98], ["jason", 99]];
    

注意，每个array直接用 “，”隔开。

**Access Array Data with Indexes**

和variable一样，array也能查找。

比如我们要找到上面john的分数，john的数据在grades这个array的第一个位置，也就是\[0\]

    johnGrade = grades[0];
    

**Modify Array Data With Indexes**

**Access Multi-Dimensional Arrays With Indexes**

array可以修改。

比如，我们把john的分数改成95

    grades[0][1] = 95;
    

grades\[0\]找到了\[“john”, 98\]

grades\[0\]\[1\]找到了 “98”，改成95即可。

**Manipulate Arrays With push()**

**Manipulate Arrays With pop()**

**Manipulate Arrays With shift()**

**Manipulate Arrays With unshift()**

.push()是在array末尾加上一项；

.pop()是在array末尾弹掉一项;

.shift()是在array第一位弹掉一项；

.unshift()是在array第一位加上一项；

简单记法：

push=尾+

pop=尾-

shift=头-

unshift=头+

**Shopping List**

小练习，没啥难度，细心即可。

今天就这吧，都很简单。

明天开始学习非常非常重要的function了，一起加油！

---

*Originally published on [aow](https://paragraph.com/@ashonthewall/javascript-day-3)*