Phần còn lại api trong php w3schools

Dòng. var map=google mới. bản đồ. Bản đồ (tài liệu. getElementById("googleMap"), mapProp);

phần tử có id="googleMap", sử dụng các tham số được truyền (mapProp)

---

Nhiều bản đồ

Ví dụ dưới đây xác định bốn bản đồ với các loại bản đồ khác nhau

Thí dụ

var map1 = google mới. bản đồ. Bản đồ (tài liệu. getElementById("googleMap1"), mapOptions1);
var map2 = google mới. bản đồ. Bản đồ (tài liệu. getElementById("googleMap2"), mapOptions2);
var map3 = google mới. bản đồ. Bản đồ (tài liệu. getElementById("googleMap3"), mapOptions3);
var map4 = google mới. bản đồ. Bản đồ (tài liệu. getElementById("googleMap4"), mapOptions4);

---

Khóa API Google miễn phí

Google cho phép một trang web gọi miễn phí bất kỳ Google API nào, hàng nghìn lần mỗi ngày

Truy cập https. // nhà phát triển. Google. com/maps/documentation/javascript/get-api-key để tìm hiểu cách lấy khóa API

// Using short array syntax.
// Also, works with array() syntax.
$arr1 = [1, 2, 3];
$arr2 = [...$arr1]; //[1, 2, 3]
$arr3 = [0, ...$arr1]; //[0, 1, 2, 3]
$arr4 = [...$arr1, ...$arr2, 111]; //[1, 2, 3, 1, 2, 3, 111]
$arr5 = [...$arr1, ...$arr1]; //[1, 2, 3, 1, 2, 3]

function getArr() {
  return ['a', 'b'];
}
$arr6 = [...getArr(), 'c' => 'd']; //['a', 'b', 'c' => 'd']
?>

Từ khóa const cho phép bạn khai báo một hằng số (một biến JavaScript có giá trị không đổi)

Hằng tương tự như biến let, chỉ khác là giá trị không thể thay đổi

Thí dụ

var x = 10;
// Ở đây x là 10
{
  const x = 2;<
  // Here x is 2
}
// Here x is 10

Tự mình thử »

Đọc thêm về const trong chương. Cấu hình JavaScript

---

---

Hàm mũi tên

Các hàm mũi tên cho phép một cú pháp ngắn để viết các biểu thức hàm

Bạn không cần từ khóa function, từ khóa return và dấu ngoặc nhọn

Thí dụ

// ES5
var x = function(x, y) {
   return x * y;
}

// ES6
const x = (x, y) => x * y;

Tự mình thử »

Hàm mũi tên không có this riêng. Chúng không phù hợp để xác định các phương thức đối tượng

Các chức năng mũi tên không được nâng lên. Chúng phải được xác định trước khi chúng được sử dụng

Sử dụng const an toàn hơn sử dụng var, vì biểu thức hàm luôn là một giá trị không đổi

Bạn chỉ có thể bỏ qua từ khóa return và dấu ngoặc nhọn nếu hàm là một câu lệnh đơn. Vì điều này, có thể là một thói quen tốt để luôn giữ chúng

Tìm hiểu thêm về Hàm mũi tên trong chương. Hàm mũi tên JavaScript

---

Sự lây lan (. ) Nhà điều hành

Các. toán tử mở rộng một lần lặp (như một mảng) thành nhiều phần tử hơn

Thí dụ

const cars1 = ["Saab", "Volvo",. "BMW"];
const car2 = ["Fiat", "Toyota"];

const kết hợp = [xe1,. xe 2];

Tự mình thử »

Các. toán tử có thể được sử dụng để mở rộng một lần lặp thành nhiều đối số hơn cho các lệnh gọi hàm

Thí dụ

const numbers = [23,55,21,87,56];
let maxValue = Math. tối đa (. số);

Tự mình thử »

---

Vòng lặp For/Of

Câu lệnh JavaScript function getArr() {
  return ['a', 'b'];
}
$arr6 = [...getArr(), 'c' => 'd']; //['a', 'b', 'c' => 'd']
?>00 lặp qua các giá trị của một đối tượng có thể lặp lại

function getArr() {
  return ['a', 'b'];
}
$arr6 = [...getArr(), 'c' => 'd']; //['a', 'b', 'c' => 'd']
?>00 cho phép bạn lặp qua các cấu trúc dữ liệu có thể lặp lại như Mảng, Chuỗi, Bản đồ, Danh sách nút, v.v.

Vòng lặp function getArr() {
  return ['a', 'b'];
}
$arr6 = [...getArr(), 'c' => 'd']; //['a', 'b', 'c' => 'd']
?>00 có cú pháp như sau

for (biến của lần lặp) {
  // ​​khối mã sẽ được thực thi
}

biến - Đối với mỗi lần lặp, giá trị của thuộc tính tiếp theo được gán cho biến. Biến có thể được khai báo bằng const, function getArr() {
  return ['a', 'b'];
}
$arr6 = [...getArr(), 'c' => 'd']; //['a', 'b', 'c' => 'd']
?>0 hoặc var

iterable - Một đối tượng có thuộc tính iterable

Vòng lặp trên một Mảng

Thí dụ

const cars = ["BMW", "Volvo", "Mini"];
let text = "";

cho (x ô tô) {
  văn bản += x + " ";
}

Tự mình thử »

Vòng qua một chuỗi

Thí dụ

let language = "JavaScript";
let text = "";

for (let x of language) {
    văn bản += x + " ";
}

Tự mình thử »

Tìm hiểu thêm trong chương. Vòng lặp JavaScript Cho/Vào/Của

---

Bản đồ JavaScript

Có thể sử dụng Đối tượng làm khóa là một tính năng quan trọng của Bản đồ

Thí dụ

const fruit = new Map([
["apples", 500],
["chuối", 300],
["oranges", 200]
]);

Tự mình thử »

Tìm hiểu thêm về các đối tượng Bản đồ và sự khác biệt giữa Bản đồ và Mảng trong chương. Bản đồ JavaScript

---

Bộ JavaScript

Thí dụ

// Tạo một tập hợp
const alphabet = new Set();

// Thêm một số giá trị vào Tập hợp
chữ cái. add("a");
chữ cái. add("b");
chữ cái. thêm("c");

Tự mình thử »

Tìm hiểu thêm về Đặt đối tượng trong chương. Bộ JavaScript

---

Lớp JavaScript

Lớp JavaScript là mẫu cho Đối tượng JavaScript

Sử dụng từ khóa function getArr() {
  return ['a', 'b'];
}
$arr6 = [...getArr(), 'c' => 'd']; //['a', 'b', 'c' => 'd']
?>06 để tạo lớp

Luôn thêm một phương thức có tên function getArr() {
  return ['a', 'b'];
}
$arr6 = [...getArr(), 'c' => 'd']; //['a', 'b', 'c' => 'd']
?>07

cú pháp

class Tên lớp {
  constructor() {. }
}

Thí dụ

class Ô tô {
  constructor(name, year) {
    this. tên = tên;
    cái này. năm = năm;
  }
}

Ví dụ trên tạo một lớp tên là "Xe hơi"

Lớp có hai thuộc tính ban đầu. "tên" và "năm"

Một lớp JavaScript không phải là một đối tượng

Nó là một khuôn mẫu cho các đối tượng JavaScript

---

Sử dụng một lớp

Khi bạn có một lớp, bạn có thể sử dụng lớp để tạo các đối tượng

Thí dụ

const myCar1 = new Car("Ford", 2014);
const myCar2 = new Car("Audi", 2019);

Tự mình thử »

Tìm hiểu thêm về các lớp trong chương. Lớp JavaScript

---

Lời hứa JavaScript

Lời hứa là một đối tượng JavaScript liên kết "Mã sản xuất" và "Mã tiêu thụ"

"Sản xuất mã" có thể mất một chút thời gian và "Mã tiêu thụ" phải chờ kết quả

Cú pháp lời hứa

const myPromise = new Promise(function(myResolve, myReject) {
// "Sản xuất mã" (Có thể mất chút thời gian)

  myResolve();
  myReject();  // when error
});

// "Consuming Code" (Phải đợi Promise được thực hiện).
myPromise. then(
  function(value) {/* mã nếu thành công */ },
  function(error) {/* mã nếu có lỗi */ });

Ví dụ sử dụng một lời hứa

const myPromise = new Promise(function(myResolve, myReject) {
  setTimeout(function() { myResolve("I love You. "); }, 3000);
});

myPromise. then(function(value) {
  tài liệu. getElementById("bản trình diễn"). innerHTML = giá trị;
});

Tự mình thử »

Tìm hiểu thêm về Lời hứa trong chương. Lời hứa JavaScript

---

Loại ký hiệu

Biểu tượng JavaScript là một kiểu dữ liệu nguyên thủy giống như Số, Chuỗi hoặc Boolean

Nó đại diện cho một mã định danh "ẩn" duy nhất mà không mã nào khác có thể vô tình truy cập

Chẳng hạn, nếu các lập trình viên khác nhau muốn thêm một người. id cho một đối tượng người thuộc mã của bên thứ ba, họ có thể trộn các giá trị của nhau

Sử dụng Symbol() để tạo một số nhận dạng duy nhất, giải quyết vấn đề này

Thí dụ

const person = {
  firstName. "John",
  họ. "Doe",
  tuổi. 50,
  màu mắt. "màu xanh"
};

let id = Symbol('id');
person[id] = 140353;
// Hiện tại person[id] = 140353< . id vẫn chưa được xác định
// but person.id is still undefined

Tự mình thử »

Ghi chú

Biểu tượng luôn là duy nhất

Nếu bạn tạo hai biểu tượng có cùng mô tả, chúng sẽ có các giá trị khác nhau

Biểu tượng ("id") == Biểu tượng ("id");

---

Giá trị tham số mặc định

ES6 cho phép các tham số chức năng có giá trị mặc định

Thí dụ

function myFunction(x, y = 10) {
  // ​​y là 10 nếu không được truyền hoặc không xác định
  return x + y;}
myFunction(5); // will return 15

Tự mình thử »

---

Thông số phần còn lại chức năng

Tham số còn lại (. ) cho phép một hàm coi số lượng đối số không xác định là một mảng

Thí dụ

hàm tổng(. args) {
  let sum = 0;
  for (let args of args) sum += arg;
  return sum;
}

đặt x = tổng(4, 9, 16, 25, 29, 100, 66, 77);

Tự mình thử »

---

Sợi dây. bao gồm()

Phương thức function getArr() {
  return ['a', 'b'];
}
$arr6 = [...getArr(), 'c' => 'd']; //['a', 'b', 'c' => 'd']
?>08 trả về function getArr() {
  return ['a', 'b'];
}
$arr6 = [...getArr(), 'c' => 'd']; //['a', 'b', 'c' => 'd']
?>09 nếu một chuỗi chứa một giá trị được chỉ định, nếu không thì const0

Thí dụ

let text = "Xin chào thế giới, chào mừng đến với vũ trụ. ";
văn bản. bao gồm ("thế giới")    // Trả về true

Tự mình thử »

---

Sợi dây. bắt đầu với()

Phương thức const1 trả về function getArr() {
  return ['a', 'b'];
}
$arr6 = [...getArr(), 'c' => 'd']; //['a', 'b', 'c' => 'd']
?>09 nếu một chuỗi bắt đầu bằng một giá trị được chỉ định, ngược lại là const0

Thí dụ

let text = "Xin chào thế giới, chào mừng đến với vũ trụ. “;

chữ. startedWith("Xin chào")   // Trả về true

Tự mình thử »

---

Sợi dây. kết thúcWith()

Phương thức const4 trả về function getArr() {
  return ['a', 'b'];
}
$arr6 = [...getArr(), 'c' => 'd']; //['a', 'b', 'c' => 'd']
?>09 nếu một chuỗi kết thúc bằng một giá trị được chỉ định, ngược lại là const0

Thí dụ

var text = "John Doe";
văn bản. endWith("Doe")    // Trả về true

Tự mình thử »

---

Mảng. từ()

Phương thức const7 trả về một đối tượng Array từ bất kỳ đối tượng nào có thuộc tính độ dài hoặc bất kỳ đối tượng có thể lặp nào

Thí dụ

Tạo một mảng từ một chuỗi

Mảng. from("ABCDEFG")   // Trả về [A,B,C,D,E,F,G]

Tự mình thử »

---

Phím mảng()

Phương thức const8 trả về một đối tượng Array Iterator với các khóa của một mảng

Thí dụ

Tạo một đối tượng Array Iterator, chứa các khóa của mảng

const trái cây = ["Chuối", "Cam", "Táo", "Xoài"];
const keys = trái cây. phím();

let text = "";
for (let x of keys) {
  text += x + "
";
}

Tự mình thử »

---

Tìm mảng()

Phương thức const9 trả về giá trị của phần tử mảng đầu tiên vượt qua hàm kiểm tra

Ví dụ này tìm (trả về giá trị của ) phần tử đầu tiên lớn hơn 18

Thí dụ

const number = [4, 9, 16, 25, 29];
let first = numbers. tìm(myFunction);

function myFunction(value, index, array) {
  giá trị trả về > 18;
}

Tự mình thử »

Lưu ý rằng hàm có 3 đối số

• Giá trị mặt hàng
• chỉ mục mục
• Bản thân mảng

---

Mảng findIndex()

Phương thức const0 trả về chỉ mục của phần tử mảng đầu tiên vượt qua hàm kiểm tra

Ví dụ này tìm chỉ mục của phần tử đầu tiên lớn hơn 18

Thí dụ

const number = [4, 9, 16, 25, 29];
let first = numbers. findIndex(myFunction);

function myFunction(value, index, array) {
  giá trị trả về > 18;
}

Tự mình thử »

Lưu ý rằng hàm có 3 đối số

• Giá trị mặt hàng
• chỉ mục mục
• Bản thân mảng

---

Phương pháp toán học mới

ES6 đã thêm các phương thức sau vào đối tượng Math

• const1
• const2
• const3
• const4
• const5

---

Toán học. Phương thức trunc()

const6 trả về phần nguyên của x

Thí dụ

Toán. trunc(4. 9); . trunc(4. 7); . trunc(4. 4); . trunc(4. 2); . trunc(-4. 2);
Math.trunc(4.7);    // returns 4
Math.trunc(4.4);    // returns 4
Math.trunc(4.2);    // returns 4
Math.trunc(-4.2);    // returns -4

Tự mình thử »

---

Toán học. dấu () Phương pháp

const7 trả về nếu x âm, null hoặc dương

Thí dụ

Toán. dấu(-4); . dấu(0); . dấu(4);
Math.sign(0);    // returns 0
Math.sign(4);    // returns 1

Tự mình thử »

---

Toán học. Phương thức cbrt()

const8 trả về căn bậc ba của x

Thí dụ

Toán. cbrt(8); . cbrt(64); . cbrt(125);
Math.cbrt(64);    // returns 4
Math.cbrt(125);    // returns 5

Tự mình thử »

---

Toán học. Phương thức log2()

const9 trả về logarit cơ số 2 của x

---

Toán học. Phương thức log10()

function0 trả về logarit cơ số 10 của x

---

Thuộc tính số mới

ES6 đã thêm các thuộc tính sau vào đối tượng Số

• function1
• function2
• function3

---

Phương pháp số mới

ES6 thêm 2 phương thức mới vào đối tượng Number

• function4
• function5

---

Con số. Phương thức isInteger()

Phương thức function4 trả về function getArr() {
  return ['a', 'b'];
}
$arr6 = [...getArr(), 'c' => 'd']; //['a', 'b', 'c' => 'd']
?>09 nếu đối số là số nguyên

Thí dụ

Số. isInteger(10); . isInteger(10. 5);
Number.isInteger(10.5);      // returns false

Tự mình thử »

---

Con số. Phương thức isSafeInteger()

Số nguyên an toàn là số nguyên có thể được biểu diễn chính xác dưới dạng số chính xác kép

Phương thức function5 trả về function getArr() {
  return ['a', 'b'];
}
$arr6 = [...getArr(), 'c' => 'd']; //['a', 'b', 'c' => 'd']
?>09 nếu đối số là số nguyên an toàn

Thí dụ

Số. isSafeInteger(10); . isSafeInteger(12345678901234567890);
Number.isSafeInteger(12345678901234567890);  // returns false

Tự mình thử »

Số nguyên an toàn là tất cả các số nguyên từ -(253 - 1) đến +(253 - 1).
Điều này an toàn. 9007199254740991. Điều này không an toàn. 9007199254740992.

---

Phương pháp toàn cầu mới

ES6 đã thêm 2 phương thức số toàn cầu mới

---

Phương thức isFinite()

Phương thức toàn cầu return0 trả về const0 nếu đối số là return2 hoặc return3

Nếu không, nó trả về function getArr() {
  return ['a', 'b'];
}
$arr6 = [...getArr(), 'c' => 'd']; //['a', 'b', 'c' => 'd']
?>09

Thí dụ

isFinite(10/0);
isFinite(10/1);       // returns true

Tự mình thử »

---

Phương thức isNaN()

Phương thức toàn cầu return5 trả về function getArr() {
  return ['a', 'b'];
}
$arr6 = [...getArr(), 'c' => 'd']; //['a', 'b', 'c' => 'd']
?>09 nếu đối số là return3. Nếu không, nó trả về const0